Submitted 12 months ago

Product preview card component

sass/scss

thamu-acn•200

@thamu-acn

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

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

I was able to load different image files based on device size. I want to explore more image and picture related properties. I was also able to mix flexbox and grid layouts.

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

Switch from one column for mobile to two columns on desktops. I set grid display on the card wrapper based on media query.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on thamu-acn'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