daniel/Personal_Website
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix horizontal scroll due to hero wave

Browse Source
This commit is contained in:
Daniel_I_Am 2022-10-27 20:08:54 +00:00
parent 55ced5c1dc
commit d608dd0b05
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/sass/_header.scss
View File

@ -1,5 +1,7 @@
header { header {
position: relative; position: relative;
overflow-x: hidden;
background-color: $background-header; background-color: $background-header;
padding-top: 3rem; padding-top: 3rem;
padding-bottom: 3rem; padding-bottom: 3rem;
@ -104,18 +106,15 @@ header {
} }
.wave { .wave {
overflow: hidden;
display: block;
height: 40px; height: 40px;
z-index: 3; z-index: 3;
svg { svg {
position: absolute; position: absolute;
left: -3%; left: 0;
right: -3%; right: 0;
bottom: 0; bottom: 0;
width: 106%; width: 100vw;
min-width: 600px; min-width: 600px;
fill: $background-main; fill: $background-main;