mirror of
https://github.com/LukeHagar/unicorn-utterances.git
synced 2025-12-10 21:07:46 +00:00
fix sponsor image sizing/margins
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user