update footer style

This commit is contained in:
Sean Yesmunt 2020-05-13 12:10:23 -04:00
parent a6bf056977
commit 5af0cfc6c2
2 changed files with 9 additions and 5 deletions

View file

@ -77,7 +77,7 @@ export default function Footer() {
<footer className="footer">
{sections.map(({ name, links }) => {
return (
<div key={name}>
<div key={name} className="footer__section">
<div className="footer__section-title">{name}</div>
<ul className="ul--no-style">
{links.map(({ label, link }) => (

View file

@ -9,11 +9,15 @@
@media (max-width: $breakpoint-small) {
max-width: 100%;
padding: var(--spacing-medium);
flex-direction: column;
> * {
margin-bottom: var(--spacing-large);
}
}
}
.footer__section {
margin-left: var(--spacing-xlarge);
@media (max-width: $breakpoint-small) {
margin-left: var(--spacing-large);
}
}