Check this pen https://codepen.io/CodingGilbert/pen/yQejrv
How can I place the color blue section (hero section) at the very top of the page w/o breaking the layout? Notice how it breaks the layout when I use
position: absolute. This is how hero sections are designed, it’s fairly common.
I’ve always had difficulties designing this type of sections, I want to see how others approach this.