Fix insta images in mobile

2022-11-13 22:12:14 +02:00
parent 4781e3c3aa
commit cd6510abab
1 changed files with 14 additions and 0 deletions
--- 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%;