Nav: match container width (max 1024px, centered) so it aligns with section-labels
This commit is contained in:
parent
3311df1232
commit
aa3e1bd0cc
@ -53,13 +53,18 @@ nav {
|
|||||||
height: 64px;
|
height: 64px;
|
||||||
background: var(--bg);
|
background: var(--bg);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
padding: 0 20px;
|
padding: 0 16px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 12px;
|
top: 12px;
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
|
/* match .container width so navbar aligns with section content below */
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1024px;
|
||||||
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
@media (min-width: 640px) { nav { padding: 0 24px; } }
|
||||||
|
|
||||||
.nav-inner {
|
.nav-inner {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user