Responsive fixes

2021-12-06 15:11:05 +01:00
parent 0b772f26cb
commit efb0c26500
2 changed files with 11 additions and 5 deletions
--- 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);
                }
            }