Aligning header Flexbox - Product Landing Page


I have issues with aligning the elements within the header.

What I want to achieve is aligning the navbar and title ( with logos )
on the same line inside of the header ( centering vertically ).

I’m ok with the position of the title and logos but I would like to center
the nav bar vertically too.

I tried to give the logo-brand, nav and nav < ul align-items: center; and
that doesn’t work.

What am i missing?

My pen:

If I understand correctly what you want to do - take a look at your header style, specifically the @media query.