website/components/Footer.css
2024-02-06 14:41:19 +01:00

30 lines
552 B
CSS

footer {
height: fit-content;
width: 100%;
padding: var(--_gap);
display: flex;
gap: var(--_gap);
justify-content: space-around;
background-color: var(--_translucent);
}
.footer__badges {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--_gap-half);
padding-top: var(--_gap);
}
.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);
}
}