Added grid system for entry items

ozgursozluk/static/style.css

@@ -118,7 +118,17 @@ form input, form select, form button {
     max-width: 900px;
 }
 
-.topic > .entry {
+.entry_wrapper {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 0.5rem;
+}
+
+.entry_wrapper .entry {
+    margin: 0;
+}
+
+.entry {
     display: block;
     padding: 0.5rem;
     margin: 1rem 0 1rem 0;
@@ -200,4 +210,8 @@ form input, form select, form button {
     form input, form select {
         width: 30%;
     }
+
+    .entry_wrapper {
+        grid-template-columns: none;
+    }
 }

ozgursozluk/templates/debe.html

@@ -13,12 +13,14 @@
             </div>
             <div></div>
         </div>
-        {% for entry in debe %}
-            <a class="entry" style="text-decoration: none;" href="{{ url_for('entry', id=entry.id) }}">
-                <div>
-                    <div>{{ entry.title }}</div>
-                </div>
-            </a>
-        {% endfor %}
+        <div class="entry_wrapper">
+            {% for entry in debe %}
+                <a class="entry" style="text-decoration: none;" href="{{ url_for('entry', id=entry.id) }}">
+                    <div>
+                        <div>{{ entry.title }}</div>
+                    </div>
+                </a>
+            {% endfor %}
+        </div>
     </div>
 {% endblock %}