Social Profile

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

Most Proud Of

This felt like an easier project than the first two in the learning path. I was proud at how efficiently and quickly I was able to tackle it.

I have become efficient and methodical at reading the Figma files, and setting up reusable CSS variables, basic styling and HTML.

I have continued to use the clamp function for responsive spacing, and I love it. It is so clean!

What I Would Do Differently

Honestly, I can't think of a lot for this project. It went smoothly (unless I have missed something!).

I think I would make sure to look at both mobile and desktop designs before starting to write code to have a good idea of what changes need to happen.

Here, I started with mobile-first and didn't really look at the desktop design until all the styling was in place. On this challenge, it was just a simple case of rewriting the padding on the card, but I could save time by writing these properties responsively from the get-go.

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

The only thing I wasn't sure about was how to allow keyboard users to navigate the links, but this turned out to be straight forward after a little Google search.

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

• The correct way to write link styling in CSS. I think I did ok here, but had some doubts on how to write clean CSS for the different states.

• Class naming. I will go back and study BEM naming convention again. I feel like I might have half done it well, and half not in this project.