Web: Move task details to the bottom on smaller screens
This commit is contained in:
parent
0c8def66aa
commit
0d683e4786
@ -60,8 +60,16 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col-header {
|
@media (max-width: 1280px) {
|
||||||
background-color: #222;
|
#app {
|
||||||
|
grid-template-areas:
|
||||||
|
"header header"
|
||||||
|
"col-1 col-2"
|
||||||
|
"col-3 col-3"
|
||||||
|
"footer footer";
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
grid-template-rows: var(--header-height) 1fr 1fr var(--footer-height);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.col {
|
.col {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user