website/components/SponsorCards.css

26 lines
509 B
CSS

.components__sponsor_cards {
display: flex;
gap: var(--_gap);
flex-wrap: wrap;
justify-content: center;
padding: var(--_gap);
}
.components__sponsor_card {
background-color: var(--_translucent);
aspect-ratio: 2/1;
padding: var(--_gap);
display: flex;
width: 15rem;
justify-content: center;
align-items: center;
border: var(--_border-size) solid transparent;
transition: all var(--_transition-delay) ease;
outline: none;
&:focus-visible,
&:hover {
border-color: var(--_accent-color);
}
}