Improved responsivity

This commit is contained in:
Özenç Bilgili 2020-01-16 03:14:52 +03:00
parent b8808cef20
commit db93aa089c

View File

@ -243,6 +243,10 @@ body.form .search-form {
} }
@media (min-width: 500px) { @media (min-width: 500px) {
.help {
display: flex;
padding: 0;
}
.clock { .clock {
font-size: 6rem; font-size: 6rem;
} }
@ -256,12 +260,10 @@ body.form .search-form {
} }
.categories { .categories {
display: flex; display: grid;
grid-template-columns: 250px 175px; grid-template-columns: repeat(1, 50%) 50%;
justify-content: space-around; justify-content: space-around;
} }
} }
@media (min-width: 1000px) { @media (min-width: 1000px) {
@ -283,6 +285,7 @@ body.form .search-form {
} }
.categories { .categories {
display: flex;
grid-template-columns: repeat(2, 300px) 175px; grid-template-columns: repeat(2, 300px) 175px;
} }
} }