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