I have been working on the Product landing page and I have restarted many times over and over because I am trying to understand things thoroughly before moving forward.

I cannot figure out how to get a solid border around my image and nav bar without the awkward colors the happen around it. Trying to create one bar across the top with the links and image inside of it.

" * " will apply the background-color effect to all the elements, so it’s not a good practice to assign like that.
Also by doing this, you can now delete all the "background-color" property from "ul, nav and other elements" , it will reduce the weight of your code