Help with Splash Page Project

Hi, I am brand new to learning HTML and CSS, so please forgive me if this is a simple mistake. I am starting the splash page project and I am trying to make a page with the logo on the left and nav bar on the right. When I do that the body comes into the header area. It is happening when I float the logo left and I don’t know how to fix it.

My advice would be not to use floats and instead use flexbox/grid for your layouts.


Hello, and maybe you can make your HTML code more minimalist… just for your navbar you use a <div> a <nav> and a <ul>… As bbsmooth said using flexbox or grid layout will be more easier and clear.

1 Like

Thanks! Those suggestions worked and I got to understand grids a little better. I appreciate your time!