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/_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;
--- 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);
                }
            }