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

- used data attributes for global flex css

Browse Source 
- started grid layout
This commit is contained in:
asus
2023-11-18 23:50:34 +01:00
parent 0dfafb81d2
commit 12e5204051
10 changed files with 163 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
styles/style.css
View File

@@ -7,8 +7,6 @@ html {
--big-space: calc(var(--small-space) * 10);
}
body {
/*
*/
overflow-x: hidden;
}
script, style {
@@ -17,3 +15,41 @@ script, style {
pre {
margin: 10px 0px;
}
/*
grid
*/
#personnal_infos { grid-area: infos; }
#role_title { grid-area: title; }
#cv_infos { grid-area: cv; }
#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;}
#banner_5 { grid-area: banner_5;}
body {
/*
*/
display: grid;
grid:
' title ' 1fr
' cv ' 1fr
' mouse_1 ' 1fr
' mouse_2 ' 1fr
' mouse_3 ' 1fr
' mouse_4 ' 1fr
' banner_1 ' 1fr
' banner_2 ' 1fr
' banner_3 ' 1fr
' banner_4 ' 1fr
' banner_5 ' 1fr
' infos ' 1fr
/ 100% ;
}