diff options
Diffstat (limited to 'uploader/static/css/layout-small.css')
| -rw-r--r-- | uploader/static/css/layout-small.css | 21 |
1 files changed, 11 insertions, 10 deletions
diff --git a/uploader/static/css/layout-small.css b/uploader/static/css/layout-small.css index 3a7d18f..2e47217 100644 --- a/uploader/static/css/layout-small.css +++ b/uploader/static/css/layout-small.css @@ -1,12 +1,8 @@ -* { - box-sizing: border-box; -} - @media screen and (max-width: 8in) { body { display: grid; grid-template-columns: 1fr; - grid-template-rows: 1fr 2fr 7fr; + grid-template-rows: 1fr 90fr; grid-gap: 1em; } @@ -35,6 +31,11 @@ grid-column-end: 2; } + #header #header-nav ul { + display: grid; + grid-template-columns: 1fr; + } + #main { /* Place it in the parent element */ grid-column-start: 1; @@ -42,7 +43,7 @@ display: grid; /* Define layout for the children elements */ - grid-template-rows: 1.5em 80% 20%; + grid-template-rows: 1fr 80fr 20fr; grid-template-columns: 1fr; } @@ -53,12 +54,12 @@ } #main #main-content { - grid-row-start: 3; - grid-row-end: 4; + grid-row-start: 2; + grid-row-end: 3; } #main #sidebar-content { - grid-row-start: 2; - grid-row-end: 3; + grid-row-start: 3; + grid-row-end: 4; } } |
