The header elements contains two children, h$1$ and ul$.$ You will use flexbox to layout this section.

Select the header element,

make it a flex container,

make the items flow vertically

evenly distribute the space along the main axis.

Select the ul inside the nav,

make it a flex container

make the items flow horizontally

make the items pack to the right. Note that there is space among the list items and between the right$-$most item and the edge. This is because we have a $1$ rem right padding for each list item defined in the starting code.

center the items along the cross axis.

Your complete header looks like the image below

Niner Coffee House

Home Menu Reservations