From 8d369071abb9b9bb5712739274e0a94165673b99 Mon Sep 17 00:00:00 2001
From: Umut Erozan <umut_erozan@hotmail.com>
Date: Wed, 21 Jun 2023 20:05:31 +0300
Subject: [PATCH] Added grid system for entry items

---
 ozgursozluk/static/style.css    | 16 +++++++++++++++-
 ozgursozluk/templates/debe.html | 16 +++++++++-------
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/ozgursozluk/static/style.css b/ozgursozluk/static/style.css
index 964b3a6..c31adaa 100644
--- a/ozgursozluk/static/style.css
+++ b/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;
+    }
 }
diff --git a/ozgursozluk/templates/debe.html b/ozgursozluk/templates/debe.html
index 7213b8a..387b4f9 100644
--- a/ozgursozluk/templates/debe.html
+++ b/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 %}