avoid hardcoding height for flex purposes
This commit is contained in:
parent
cdbd3140ba
commit
8cfc95535d
@ -1,9 +1,3 @@
|
|||||||
@media only screen and (max-width: 850px) {
|
|
||||||
header#menu {
|
|
||||||
flex-direction: column !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--main: #dd9a1a;
|
--main: #dd9a1a;
|
||||||
--bg: #111;
|
--bg: #111;
|
||||||
@ -34,7 +28,6 @@ div.main-content {
|
|||||||
header#menu {
|
header#menu {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
height: 3rem;
|
|
||||||
border-width: 5px;
|
border-width: 5px;
|
||||||
border-color: var(--main);
|
border-color: var(--main);
|
||||||
border-style: double;
|
border-style: double;
|
||||||
@ -42,6 +35,13 @@ header#menu {
|
|||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 850px) {
|
||||||
|
header#menu {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
header#menu a {
|
header#menu a {
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
color: var(--main);
|
color: var(--main);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user