Problems with moving elements

Hello campers.
I am having issues moving my elements to the center of the screen,and i dont understand why they are stuck together.
Specifically i am talking about the fact that the body and header for some reason are together and not movable even tho css says to move it.
I would apreciate any coments on the technical side of my project and not the estetics(well maybe a little bit,because this site will be scrapped in a week just as practice.
here is the site https://codepen.io/Kempy/full/VEEjzL/

if you want an element which contains your main content, use a <main> tag. All of your html should go inside the <body> tag. Also, not sure where you are telling the browser to separate your footer and header.

The issue is float without clear. Check out w3’s page on float

1 Like