Hello, could you give the #header a display: flex and justify-content: space-between or space-around, it depends on what style you want to give the header. But as an alternative you can change the margins but having everything in the same container you would have to see how it turns out. Thinking about the responsive design, I think the display: flex would be a good alternative.
However, the logo is now higher than the text “Marc’s Pickles”. Is there a way to ensure that the logo and the text are at the same height? Thanks again for all your help!
Bro… you were suppose to display the flex in the header element since its the container of the logo and the header title then also include justify-content and align-items
How do I separate the “Marc’s Pickles” text (to be centered) from the logo. I’d like to keep the logo right where its at (on the left of the header) but slide the “Marc’s Pickles” text to the center of the header. Seems easy but having a lot of difficulty.
I think connecting these requirements doesn’t make that much sense, because the #navbar should always be at the top, but you want to have the nav below your Marc’s Pickles-heading. Although you could make your Marc’s Pickles-heading the #navbar or move it into it, I think that doesn’t fit the semantic meaning of it (Marc’s Pickles is semantically not a navbar and shouldn’t live in it).