I’ve gotten my product page to a place where I’m happy with it (it passes all of the tests except for the ones related to the header because I didn’t want the navbar fixed). As a result I have not included the hamburger menu on this page.
One question I have is regarding the logo in my header. I’ve used a ton of media queries to get the logo to be vertically aligned in the nav bar (by changing the padding) because I couldn’t figure out how to align it otherwise. I’ve tried
display: flex and
vertical-align: middle and
align-items: center to no avail. If you have any ideas I’m all ears.