On narrow screens, bump the footer links to a second row. Re #2260. (#2267)

* On narrow screens, bump the footer links to a second row. Re #2260. Thanks to @kittee for CSS assistance.

* Prettified Code!

Co-authored-by: heller <heller@users.noreply.github.com>
This commit is contained in:
Matthew Heller
2022-10-26 17:23:49 -05:00
committed by GitHub
parent 2f03a077f3
commit 8d222860f0
2 changed files with 16 additions and 22 deletions

View File

@@ -1,6 +1,7 @@
.footer {
display: flex;
align-items: center;
flex-wrap: wrap;
height: var(--footer-height);
justify-content: space-between;
flex-direction: row;
@@ -19,11 +20,10 @@
}
.links {
column-gap: 2rem;
width: auto;
display: flex;
justify-content: space-between;
flex-direction: row;
.item {
margin-left: 1.2em;
}
}
}