Skip to content
Submitted 19 days ago

Responsive Preview Card Component using Vanilla CSS & Flexbox

P
Younes Iddahamou Idrissi•60
@iddahadev
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Nothing in particular, the code is straightforward, but lacks good semantic and CSS reusability.

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

The challenge will always be getting as close as possible to the design. Figma helps a lot! Translating the design system into meaningful CSS variables and classes is tough, so I usually start with colors and fonts.

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

Any constructive feedback is welcome! HTML semantic, CSS variables, responsive tips, CSS class organization...

Code

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Younes Iddahamou Idrissi'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