From efb0c26500adfdd2eb9b725ecaf7e074d189867a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 6 Dec 2021 15:11:05 +0100
Subject: [PATCH] Responsive fixes

---
 src/style/pages/_credits.scss |  4 ++--
 src/style/pages/_photos.scss  | 12 +++++++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/style/pages/_credits.scss b/src/style/pages/_credits.scss
index 144858d..f7650be 100644
--- a/src/style/pages/_credits.scss
+++ b/src/style/pages/_credits.scss
@@ -68,7 +68,7 @@
 
             & > li {
                 display: block;
-                margin-bottom: 32px;
+                margin-bottom: 40px;
 
                 &:last-child {
                     margin-bottom: 0;
@@ -84,7 +84,7 @@
         dt {
             display: block;
             line-height: 1;
-            margin-bottom: 12px;
+            margin-bottom: 16px;
 
             a:hover {
                 color: $color-secondary;
diff --git a/src/style/pages/_photos.scss b/src/style/pages/_photos.scss
index c1b8d75..cb6337e 100644
--- a/src/style/pages/_photos.scss
+++ b/src/style/pages/_photos.scss
@@ -110,6 +110,12 @@
                     width: 26px;
                     height: 26px;
                 }
+
+                img {
+                    display: block;
+                    width: 100%;
+                    height: 100%;
+                }
             }
 
             .select {
@@ -300,7 +306,7 @@
         }
         @include bp (sd) {
             grid-column: 2 / span 22;
-            grid-gap: 40px;
+            grid-gap: clamp(24px, 2vw, 40px);
         }
 
         // Photo
@@ -376,7 +382,7 @@
                     margin-top: 12px;
                 }
                 @include bp (sd) {
-                    margin-top: 16px;
+                    margin-top: clamp(8px, 1vw, 16px);
                 }
             }
             &:nth-child(11n),
@@ -387,7 +393,7 @@
                     margin-bottom: 12px;
                 }
                 @include bp (sd) {
-                    margin-bottom: 16px;
+                    margin-bottom: clamp(8px, 1vw, 16px);
                 }
             }