Fix formatting for mobile
This commit is contained in:
parent
13e4c79876
commit
b22047b81c
@ -122,14 +122,26 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.one-half {
|
.one-half {
|
||||||
width: 75%;
|
width: 50%;
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.one-fourth {
|
.one-fourth {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 10%;
|
width: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1250px) {
|
||||||
|
.one-fourth {
|
||||||
|
display: flex;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.one-half {
|
||||||
|
display: flex;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 800px) {
|
@media (max-width: 800px) {
|
||||||
@ -142,6 +154,22 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 800px) {
|
||||||
|
body {
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 540px) {
|
||||||
|
body {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user