update footer style
This commit is contained in:
parent
a6bf056977
commit
5af0cfc6c2
2 changed files with 9 additions and 5 deletions
|
@ -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 }) => (
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue