Landing Page Project Header Problem (SOLVED!)

Hey everyone!

I have been working on the Landing Page project over the past couple of days, but I have ran into an issue. I can’t seem to get the image in my header centered. I have tried researching and changing the code to things that I think may work, but it’s still slightly off center. Any help would be great! Please don’t mind the messy code, as I have never coded before starting Free Code Camp last week.

You have justify-content: left on #header. You can use center, remove the padding, and give the header width: 100% instead (it also needs left: 0).

But the image will not be centered because it is sharing the space with the nav element and I’m not sure where the nav is supposed to be placed?