Style: Make footer adaptive
- Set flex-flow of the list to "row wrap" to make the footer adaptive.
- Set display of the list to flex to make it clear we're using it.
This is already set in Pico CSS so it isn't necessary, but I think
it's nicer to have it set again explictly.
See here for the relevant Pico CSS code:
aaa1ffe05c/scss/components/_nav.scss (L20)
This commit is contained in:
parent
2c5bd3ad6c
commit
3e887ec5b5
1 changed files with 6 additions and 0 deletions
|
@ -30,6 +30,12 @@ header {
|
|||
body>footer {
|
||||
padding-top: var(--spacing);
|
||||
padding-bottom: var(--spacing);
|
||||
nav {
|
||||
ul {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body>main {
|
||||
|
|
Loading…
Reference in a new issue