From cd6510abab2891dcadeae90323a15376e18d876a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Veikko=20Lintuj=C3=A4rvi?= <veikko@lintujarvi.fi>
Date: Sun, 13 Nov 2022 22:12:14 +0200
Subject: [PATCH] Fix insta images in mobile

---
 styles/Index.module.scss | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/styles/Index.module.scss b/styles/Index.module.scss
index b89e337..7aea67a 100644
--- a/styles/Index.module.scss
+++ b/styles/Index.module.scss
@@ -154,12 +154,26 @@
   margin-bottom: 1rem;
 }
 
+@media screen and (max-width: 600px) {
+  .instagramImagesContainer {
+    flex-direction: column;
+    align-items: center;
+    gap: 3rem;
+  }
+}
+
 .instagramImage {
   max-width: 30%;
   height: 100%;
   border-radius: 10%;
 }
 
+@media screen and (max-width: 600px) {
+  .instagramImage {
+    max-width: 80%;
+  }
+}
+
 .collaborationImage {
   max-width: 100%;
   height: 100%;