perso/WEBSITE_hugulumu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

transformed page layout in multiple sections to have full screen height available

Browse Source
This commit is contained in:
asus
2023-12-03 19:25:12 +01:00
parent c21df45857
commit 385b43cfc6
6 changed files with 62 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
styles/elements/sections.css
View File

@@ -1,7 +1,8 @@
section header { grid-area: header; }
section article { grid-area: article; }
section footer { grid-area: footer; }
section .mouse { grid-area: mouse; }
section .banner { grid-area: banner; }
section {
display: grid;
@@ -10,9 +11,11 @@ section {
grid:
' . header . ' 1fr
' . article . ' auto
' footer footer footer ' auto
' . mouse . ' auto
' banner banner banner ' auto
/ 1fr auto 1fr ;
grid-gap: 10px;
gap: 10px;
}
section header {