vite nojs fontsquirrel woff2_compress

What are you most proud of, and what would you do differently next time?

I was more methodical with regards to top and bottom margins and padding for vertical alignment when compared to my last challenge. Also, this was my first time self-hosting fonts and converting them to woff2.

Differently - I would take more of a mobile first approach. My media query strikes me as clunky. Perhaps a mobile first approach would have resulted in something different.

What challenges did you encounter, and how did you overcome them?

I was tripped up briefly on the "social links list" by default margins/padding on `` elements. It first presented by making everything look "too indented". Using the search term "ul no indent" gave me plenty of explanations. I later encountered an issue with the spacing on the bottom of the social links list, but I immediately suspected default padding/margin values and confirmed it with the dev tools.

What specific areas of your project would you like help with?

I am interested to hear opinions on the media query.

• Should it have been decomposed into multiple media queries?
• Is there a standard practice for media query placement within a css file?
• I am always looking for feedback on markup structure. Opinionated and nitpicky things are welcome.

I have two uses of text-align: center. Are there better solutions?