Hi there, I am working to create my first website and am having trouble with some CSS style – it’s really like that Family Guy gif! I created a codepen here to help communicate the overlap issues I’m seeing.
I’m trying to separate my header (which includes a text logo and nav bar) via flex and have everything spaced accordingly. Instead flex is not respecting the logo and overlapping with the entire 100% width of the page (instead of the 100% that it is allocated by the header).
Can someone please help?! Would mean a ton as I’m going crazy here!