CSS Grid layout with SCSS and mobile-first approach

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

I'm proud of having understood and applied CSS Grid. And proud of how much progress I've made in less than 3 months. Next time, I would go straight to Grid instead of trying Flexbox first.

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

I struggled with the avatar border — I discovered outline which draws outside the box. I also started with Flexbox for the tablet layout before switching back to Grid. I used Layoutit to visualize the grid before writing the code.

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

Feel free to comment on anything that could be improved — HTML, CSS, approach. I've been coding for less than 3 months and every piece of feedback helps me improve and build confidence.