From 3d780d7d02a46a47b3ee0e32ec2c9919f15a0377 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 27 Sep 2025 11:32:30 +0300
Subject: [PATCH] chore(website): improve main layout on mobile

---
 apps/website/src/style.css | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/apps/website/src/style.css b/apps/website/src/style.css
index 867e12ef9..de47055b3 100644
--- a/apps/website/src/style.css
+++ b/apps/website/src/style.css
@@ -48,7 +48,7 @@ a {
 
 .content-wrapper {
     max-width: 1200px;
-    width: 100%;
+    width: 90%;
     margin: auto;
 }
 
@@ -98,14 +98,24 @@ img {
     object-fit: cover;
 }
 
-.grid-3-cols {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
-    gap: 1em;
+
+@media (max-width: 719px) {
+    .grid-3-cols > *,
+    .grid-2-cols > * {
+        margin-bottom: 1em;
+    }
 }
 
-.grid-2-cols {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 1em;
+@media (min-width: 720px) {
+    .grid-3-cols {
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr;
+        gap: 1em;
+    }
+
+    .grid-2-cols {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 1em;
+    }
 }
\ No newline at end of file