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

created a central area thinner than banners

Browse Source
This commit is contained in:
asus
2023-11-19 19:02:08 +01:00
parent f80c7608b2
commit 0d55418bf1
7 changed files with 205 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
styles/style.css
View File

@@ -5,10 +5,12 @@ html {
--small-space: 10px;
--medium-space: calc(var(--small-space) * 3);
--big-space: calc(var(--small-space) * 10);
--list-padding: 40px;
--list-padding: 10px;
}
body {
overflow-x: hidden;
margin: auto;
width: fit-content;
}
figure {
overflow: hidden;
@@ -25,10 +27,9 @@ pre {
grid
*/
#personnal_infos { grid-area: infos; }
#role_title { grid-area: title; }
#cv_infos { grid-area: cv; }
#mouse_1 { grid-area: mouse_1; }
#infos { grid-area: infos; }
#title_area { grid-area: title; }
#cv { grid-area: cv; }
#mouse_2 { grid-area: mouse_2; }
#mouse_3 { grid-area: mouse_3; }
#mouse_4 { grid-area: mouse_4; }
@@ -37,24 +38,29 @@ pre {
#banner_3 { grid-area: banner_3;}
#banner_4 { grid-area: banner_4;}
#banner_5 { grid-area: banner_5;}
#banner_6 { grid-area: banner_6;}
#banner_7 { grid-area: banner_7;}
#banner_8 { grid-area: banner_8;}
body {
/*
*/
margin: 0px;
display: grid;
grid:
' title ' auto
' banner_1 ' auto
' mouse_1 ' auto
' banner_2 ' auto
' cv ' auto
' banner_3 ' auto
' banner_4 ' auto
' mouse_2 ' auto
' mouse_3 ' auto
' banner_5 ' auto
' mouse_4 ' auto
' infos ' auto
/ 1fr ;
' banner_1 banner_1 banner_1 ' auto
' . title . ' auto
' banner_2 banner_2 banner_2 ' auto
' . cv . ' auto
' banner_3 banner_3 banner_3 ' auto
' . mouse_2 . ' auto
' banner_4 banner_4 banner_4 ' auto
' banner_5 banner_5 banner_5 ' auto
' . mouse_3 . ' auto
' banner_6 banner_6 banner_6 ' auto
' banner_7 banner_7 banner_7 ' auto
' . mouse_4 . ' auto
' banner_8 banner_8 banner_8 ' auto
' . infos . ' auto
/ 1fr auto 1fr ;
}