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?