Submitted about 2 years ago

Responsive product card component using only css and html

Clarena Rodríguez•50

@Clarerodev

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

Hi everybody!

This is my first challenge in FM and I'd like to get your opinions. I'm a frontend developer but I really know that I need to improve my css skils, so here I am.

I'm learning about css grid so I implemented this layout as a grid. Also, I tried to implement mobile first (I've learnt about this good practice).

I'm not sure (for this kind of screen) if it was neccesary to apply html tags like article and section, so I created classes.

I'll appriciate your opinions :)

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Clarena Rodríguez's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord