SiteWebAstrolabe/src/scss/components/_sponsor.scss
2020-07-16 13:12:24 +02:00

38 lines
640 B
SCSS

.sponsor {
background-color: var(--color-light-gray);
.wrapper {
display: flex;
flex-direction: column;
}
&__heading {
align-self: center;
text-transform: uppercase;
font-size: 1.125rem;
font-weight: 300;
margin: 1.5rem 0 3rem;
}
&__list {
list-style: none;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 1.5rem;
grid-row-gap: 0;
margin-bottom: 2rem;
}
&__list-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
img {
max-width: 8rem;
}
}
}