[Landing Page] Logo image has shifted my navigation menu

I added an image logo to the left of my navbar but for some strange reason my menu has shifted and is no longer aligned in the center with my logo. I have used flexbox and the property justify-content: space-between… but i don’t understand why my logo image has moved my menu.

Link:
https://codepen.io/wjwebdev/pen/NmXMOw

Hi,

Set the following property for your #header in CSS:

align-items: center;
1 Like

Thank you so much! This was seriously bothering me yesterday evening. :slight_smile:

I suggest you to read couple of topics that are related to Flexbox in order to better understand it and the general difference between the container and its items, and of course the properties that you can assign to each other.

May be useful: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Good luck :slight_smile:

1 Like