Hi there fellow coders!
I spent all morning figuring out how to code the header for the Tea Cozy project correctly. I finally figured it out so thought I’d share it. I’ve been looking at other people’s codes, which do work, but they sometimes seem a bit complicated or they don’t use Flexbox (which is preferable). So in case you want to have (what I think is) pretty clear & simple code, have a look below.
I did have one questions which someone might be able to answer? I currently added margin: 0 10px; for my navigation list items so there is a bit more space. I tried justify-content: space-between but that doesn’t change anything. I feel like there is a better way to do this (especially seeing there was no margin specified in the provided design doc).