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);