css?
This commit is contained in:
parent
7c41c06d16
commit
3098e5c010
@ -35,7 +35,6 @@ div.main-content {
|
|||||||
|
|
||||||
header#menu {
|
header#menu {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
|
||||||
border-width: 5px;
|
border-width: 5px;
|
||||||
border-color: var(--main);
|
border-color: var(--main);
|
||||||
border-style: double;
|
border-style: double;
|
||||||
@ -154,7 +153,7 @@ ul li {
|
|||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
margin-left: 2rem;
|
margin-left: 2rem;
|
||||||
}
|
}
|
||||||
@media only screen and (min-width: 900px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
div.main-content {
|
div.main-content {
|
||||||
width: 60%;
|
width: 60%;
|
||||||
}
|
}
|
||||||
@ -162,16 +161,19 @@ ul li {
|
|||||||
|
|
||||||
@media only screen
|
@media only screen
|
||||||
and (min-width: 480px)
|
and (min-width: 480px)
|
||||||
and (max-width: 900px) {
|
and (max-width: 1200px) {
|
||||||
header#menu {
|
header#menu {
|
||||||
flex-direction: row;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.form-row {
|
.form-row {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-device-width: 480px) {
|
@media only screen and (max-width: 480px) {
|
||||||
|
header#menu {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
article {
|
article {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user