website/components/Footer.css

43 lines
720 B
CSS

footer {
height: fit-content;
background-color: var(--_translucent);
}
footer div {
max-width: var(--_wide-screen);
width: 100%;
padding: var(--_gap);
display: flex;
gap: var(--_gap);
justify-content: space-around;
margin: auto;
}
@media (width < 800px) {
footer div {
flex-wrap: wrap;
text-align: center;
}
}
.footer__badges {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--_gap-half);
padding-top: var(--_gap);
padding-left: 0;
}
.footer__badges__item {
text-decoration: none;
background-color: var(--_translucent);
color: var(--_font-color);
padding: var(--_gap-half);
border-radius: var(--radius-5);
text-align: center;
&:hover {
color: var(--_accent-color);
}
}