Mobile CSS Fix

This commit is contained in:
ssyyhhrr
2023-01-24 11:42:56 +00:00
parent 487c5dff66
commit 0f9b0df375

View File

@@ -551,10 +551,21 @@ p a:hover {
} }
@media(max-width:820px) { @media(max-width:820px) {
.title h1 {
text-align: left;
}
.info {
font-size: 1.5em;
gap: 10px;
}
h1 { h1 {
font-size: 2.5em; font-size: 2.5em;
} }
}
@media(max-width:740px) {
h2 { h2 {
font-size: 1.5em; font-size: 1.5em;
} }
@@ -567,11 +578,6 @@ p a:hover {
font-size: 1em; font-size: 1em;
} }
.frame {
height: 45px;
width: 45px;
}
.flag { .flag {
height: 45px; height: 45px;
width: 45px; width: 45px;
@@ -603,15 +609,6 @@ p a:hover {
.tutorial .row { .tutorial .row {
flex-direction: column; flex-direction: column;
} }
.title h1 {
text-align: left;
}
.info {
font-size: 1.5em;
gap: 10px;
}
} }
@media(max-width:540px) { @media(max-width:540px) {
@@ -620,7 +617,7 @@ p a:hover {
} }
} }
@media(max-width:430px) { @media(max-width:450px) {
h1 { h1 {
font-size: 2em; font-size: 2em;
} }
@@ -638,8 +635,8 @@ p a:hover {
} }
.frame { .frame {
height: 35px; height: 45px;
width: 35px; width: 45px;
outline: 1px solid #3a3a3c; outline: 1px solid #3a3a3c;
} }