fix sponsor image sizing/margins

This commit is contained in:
James Fenn
2023-09-29 16:33:04 -04:00
parent 0cbda6e547
commit a38e23a985

View File

@@ -28,20 +28,23 @@
} }
.aboutBody :global(.sponsors) { .aboutBody :global(.sponsors) {
display: flex; display: grid;
flex-wrap: wrap; grid-template-columns: repeat(1, minmax(0, 1fr));
gap: var(--spc-4x);
@include from($mobile) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
a { a {
display: flex; display: flex;
align-items: center; align-items: center;
width: 300px; width: auto;
height: 122px; aspect-ratio: 3;
margin: var(--spc-2x);
background-color: #fff; background-color: #fff;
border-radius: var(--corner-radius_s); border-radius: var(--corner-radius_m);
overflow: hidden; overflow: clip;
} }
img { img {