diff --git a/themes/webbed-theme/assets/css/main.css b/themes/webbed-theme/assets/css/main.css index c32ef5c..56c52e7 100644 --- a/themes/webbed-theme/assets/css/main.css +++ b/themes/webbed-theme/assets/css/main.css @@ -129,17 +129,18 @@ section > div.buttons { .buttons > p { display: grid; - grid-template-columns: repeat(auto-fit, minmax(88px, 20%)); - justify-content: start; - gap: 0; + justify-content: center; + grid-template-columns: repeat(auto-fill, minmax(clamp(176px, 20vw, 440px), 1fr)); + gap: 0.5rem; } -.buttons > p > img, -.buttons > p > a > img { +.buttons img { width: 100%; - height: auto; + height: clamp(88px, auto, 440px); image-rendering: pixelated; + object-fit: cover; display: block; + border-radius: 0.25rem; } main {