From 74a20e3b409ed625e74a838d418890fc5f6d0533 Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Mon, 11 Nov 2024 12:31:12 -0500
Subject: update grid

---
 css/website.css          | 40 ++++++++++++++++++++++++++--------------
 templates/grid.html.twig | 12 ++++++------
 2 files changed, 32 insertions(+), 20 deletions(-)

diff --git a/css/website.css b/css/website.css
index 057e9c6..87ae676 100644
--- a/css/website.css
+++ b/css/website.css
@@ -254,21 +254,33 @@ hr {
     margin: 60px 0px;
 }
 
-/* mobile */
-@media only screen 
-and (max-device-width: 900px)
-{
-.header
-{
-    margin: 10px;
-}    
-.footer
-{
-    margin: 10px;
+.grid {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 40px;
 }
-.h1t 
-{
-    font-size: 300%;
+
+.grid div {
+    width: 400px;
+    border-color: white;
+    border-style: solid;
+    height: 400px;
+    border-radius: 10px;
+    padding: 10px;
 }
 
+
+
+/* mobile */
+@media only screen and (max-device-width: 900px) {
+    .header {
+        margin: 10px;
+    }
+    .footer {
+        margin: 10px;
+    }
+    .h1t {
+        font-size: 300%;
+    }
 }
\ No newline at end of file
diff --git a/templates/grid.html.twig b/templates/grid.html.twig
index 9ead8f6..8f279b8 100644
--- a/templates/grid.html.twig
+++ b/templates/grid.html.twig
@@ -17,14 +17,14 @@
 				{{ page.content|raw }}
 				<div class="grid">
 					{% for current_page in page.children %}
-						<div>
-							<a href="{{ current_page.url|e }}">
-								<div>
+						<a href="{{ current_page.url|e }}">
+							<div>
+								<div class="proj-thumb">
 									{{ current_page.media.images|first|raw }}
-									{{ current_page.title|e }}
 								</div>
-							</a>
-						</div>
+								{{ current_page.title|e }}
+							</div>
+						</a>
 					{% endfor %}
 				</div>
 				{% include 'partials/navigation.html.twig' %}
-- 
cgit v1.2.3