Submitted over 3 years ago

Responsive Product Preview Card Component using CSS Media Queries

vanilla-extract, accessibility

LVL 2

Yaika Race•290

@YaikaRace

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

What was more difficult for me was to make the design responsive and to make the code look good, it was really difficult to arrange the code well and I don't know if I really did it right. I have a few questions:

is there a more efficient way to create responsive images than with the picture tag?
What are the best practices for writing HTML and CSS?

I had a hard time with the picture tag because I didn't know how it worked yet, but in this challenge I learned how to use it.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Yaika Race’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