From a4e952773bf45bb374b0baa9e31559fec3b4eaa7 Mon Sep 17 00:00:00 2001
From: Ivan Reshetnikov <ordinarydev@protonmail.com>
Date: Sat, 11 Nov 2023 20:47:45 +0500
Subject: [PATCH] Change photo gallery style on mobile devices

---
 src/pages/notes/carefree-mountain.astro | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/pages/notes/carefree-mountain.astro b/src/pages/notes/carefree-mountain.astro
index 2d648b9..e5a3142 100644
--- a/src/pages/notes/carefree-mountain.astro
+++ b/src/pages/notes/carefree-mountain.astro
@@ -90,6 +90,17 @@ import NoteMetadata from '../../components/NoteMetadata.astro'
     gap: 10px;
   }
 
+  @media screen and (max-width: 800px) {
+    .firstPhotoGroup {
+      grid-template-rows: 450px 450px 450px;
+      grid-template-columns: 1fr;
+      grid-template-areas:
+        "first"
+        "second"
+        "third";
+    }
+  }
+
   .firstPhotoGroup > div {
     position: relative;
   }