Web: Move task details to the bottom on smaller screens

This commit is contained in:
Pablo Vazquez 2022-05-04 12:57:02 +02:00
parent 0c8def66aa
commit 0d683e4786

View File

@ -60,8 +60,16 @@ body {
width: 100%;
}
.col-header {
background-color: #222;
@media (max-width: 1280px) {
#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 {