Improved responsivity
This commit is contained in:
parent
b8808cef20
commit
db93aa089c
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user