Cannot get navigation bar to be at the top with logo to the left

How do I get the navigation bar to be at the top? and keep the logo in the upper left hand corner. I can’t seem to do both. Please help. I’ve tried some CSS tricks like getting the logo to float left and the navigation to float right but nothing works.
Here is my codepen
https://codepen.io/Marilina1981/pen/OJyBGLb

Play around with display: flex on the <header>.

Also, get rid of the <id="header"> right after the opening <header> tag. There is no such html tag.

1 Like

See the screenshot below.

Yes, that is the answer, it’s sometimes nice to just give hints though :slight_smile:

I hope you got the solution. @martin81

Yes thank you very much.

1 Like