Responsive Profile Page w/ CSS Grid

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

• Created an accessible profile page using :focus and :focus-visible selectors. I did not understand the importance of these selectors until I implemented them myself.
• Responsive layout for viewport widths and heights.

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

The trickiest part of this challenge in my case was understanding the importance and implementation of focusable elements.

• Discovering the outline CSS property was interesting and seeing where it lies in the Box Model was eye-opening.
• Sizing the elements was tricky (I moved sizing from tags to the `` tags.

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

Any constructive feedback is welcome!

• Please let me know if I have implemented the font families correctly! :) (Just discovered the @font-facestatement in CSS).