fix menu alignment, flex grow property #24
This commit is contained in:
parent
98714265b1
commit
71435d6890
2 changed files with 7 additions and 3 deletions
|
|
@ -43,7 +43,7 @@ header .header-logo-container {
|
||||||
padding: 0.22222rem 0;
|
padding: 0.22222rem 0;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
flex-grow: 1;
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
header .header-logo-container::after {
|
header .header-logo-container::after {
|
||||||
|
|
@ -54,6 +54,10 @@ header .header-button-container {
|
||||||
margin-left: 3.33333rem;
|
margin-left: 3.33333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
header nav {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
header:not(.sticky-header) nav {
|
header:not(.sticky-header) nav {
|
||||||
margin-top: 3.11111rem;
|
margin-top: 3.11111rem;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -18,8 +18,8 @@ nav > ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
align-items: flex-start;
|
align-items: flex-end;
|
||||||
justify-content: flex-start;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav > ul > li {
|
nav > ul > li {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue