All solutions

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

I used media query the first time. I created a responsive design as much as I could.

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

Figuring out margins and paddings by only looking at a screenshot was a challenge sometimes.

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

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

I'm getting faster, I finished the challenge in under 1 hour. I'm happy with the solution.

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

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

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

I used .card { transition: .3s; } for the hover state for better ux. I'm happy to learn that.

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

Figuring out paddings and margins was a little bit tricky. I used Prettier plugin to tidy up my code, I'm not sure I liked how it separates some HTML element syntax, I think I'll get used to it with time.

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

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

I've just started coding. I try my best to use semantically correct HTML elements. I haven't learned CSS Flexbox or Grid, so I plan to focus on them next. This is my first coding project ever without any hand-holding. Overall I'm happy with the result and the time I spend.

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

Centering the card was my biggest challenge. Now I do understand "center the div" jokes.

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

-I used both footer element (as parent) and small element (as child) for the copyright text "Challenge by Frontend Mentor. Coded by Sitare." to keep it semantically correct HTML. But am I overkilling it, should I stick with only one of them?