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