From 992826b9f440d4369c54b0c0c140057ccca3d172 Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Wed, 29 Oct 2025 01:14:49 +0000
Subject: [PATCH] grid-cols-3 for mobile screens

---
 src/pages/projects/glimpse.astro      | 2 +-
 src/pages/projects/good-morning.astro | 2 +-
 src/styles/global.css                 | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/projects/glimpse.astro b/src/pages/projects/glimpse.astro
index c0d24537..4259e7be 100644
--- a/src/pages/projects/glimpse.astro
+++ b/src/pages/projects/glimpse.astro
@@ -62,7 +62,7 @@ export const metadata = {
 
     <div class="mt-4">
         <h2 class="text-2xl text-ayu-accent mb-3">Screenshots</h2>
-        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
             <Demo
                 image="/images/glimpse/feed.png"
                 title="Feed view"
diff --git a/src/pages/projects/good-morning.astro b/src/pages/projects/good-morning.astro
index 107f05a3..1e89ea5b 100644
--- a/src/pages/projects/good-morning.astro
+++ b/src/pages/projects/good-morning.astro
@@ -65,7 +65,7 @@ export const metadata = {
 
     <div class="mt-4">
         <h2 class="text-2xl text-ayu-accent mb-3">Demo</h2>
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
             <Demo
                 image="/images/good-morning/notice.png"
                 title="Notice from partner"
diff --git a/src/styles/global.css b/src/styles/global.css
index 7ff0ae35..4fd377d7 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -308,7 +308,7 @@ body {
     transition:
         color 0.1s,
         border-color 0.1s;
-    margin-bottom: 16px;
+    margin-bottom: 8px;
 }
 .link-project-page:hover {
     color: var(--ayu-blue-600);