Wrap main nav, but not header on medium screens
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Luca 2023-07-11 23:38:21 +02:00
parent bc5d4374c7
commit 4dcd0ab42f
1 changed files with 7 additions and 1 deletions

View File

@ -48,7 +48,6 @@ header {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 1rem;
pre {
@ -69,6 +68,7 @@ header {
.header-brand {
display: flex;
flex-grow: 1;
a {
// linkify the brand logo without changing its style
@ -92,6 +92,7 @@ header {
}
@media screen and (min-width: $small) {
flex-wrap: nowrap;
margin-top: $header-spacing;
padding-top: 0.5rem;
@ -106,6 +107,11 @@ header {
width: 100%;
z-index: -1;
}
nav {
flex-wrap: wrap;
justify-content: right;
}
}
}