Submitted 3 months ago

product info responsive

Prem Kumar Talamanchipatnam• 260

@prem-kumart

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Product preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

Overall the project was fairly easy to do. I would use more relative units next time.

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

Used media queries to overcome to load the responsive images.

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

Using relative units throughout the project.
Usage of srcset and sizes for reponsive images for this specific project.

Community feedback

Lo-Deck• 2,020

@Lo-Deck

Posted 3 months ago

Hi well done for this challenge. If you want to use picture tag

<picture>
  <source media="(max-width: 799px)" srcset="your path" >
  <source media="(min-width: 800px)" srcset="your path" >
  <img src="your path" alt="your description" >
</picture>

I will give you this link you can learn more about it. MDN.

Hope to be helpful.

Marked as helpful

Please log in to post a comment

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