starting new design by section with home taking all screen height

This commit is contained in:
asus
2023-12-03 15:33:39 +01:00
parent 6b1370131d
commit c21df45857
7 changed files with 315 additions and 456 deletions

View File

@@ -16,49 +16,4 @@ script, style {
pre {
margin: 10px 0px;
}
.section {
justify-self: center;
margin: 50px 20px;
}
/*
grid
*/
#infos { grid-area: infos; }
#title_area { grid-area: title; }
#cv { grid-area: cv; }
#projects { grid-area: projects;}
#mouse_1 { grid-area: mouse_1; }
#mouse_2 { grid-area: mouse_2; }
#mouse_3 { grid-area: mouse_3; }
#mouse_4 { grid-area: mouse_4; }
#banner_1 { grid-area: banner_1;}
#banner_2 { grid-area: banner_2;}
#banner_3 { grid-area: banner_3;}
#banner_4 { grid-area: banner_4; display: none;}
#banner_5 { grid-area: banner_5; display: none;}
#banner_6 { grid-area: banner_6; display: none;}
#banner_7 { grid-area: banner_7; display: none;}
#banner_8 { grid-area: banner_8; display: none;}
main {
/*
*/
display: grid;
grid:
' . title . ' auto
' . mouse_1 . ' auto
' banner_1 banner_1 banner_1 ' auto
' . projects . ' auto
' . mouse_2 . ' auto
' banner_2 banner_2 banner_2 ' auto
' . cv . ' auto
' . mouse_4 . ' auto
' banner_3 banner_3 banner_3 ' auto
' . infos . ' auto
' . mouse_3 . ' auto
/ 1fr auto 1fr ;
}