Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Product Card

@AwesomeWolf22

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I had some difficult in use an img tag instead of background-image style in a div, if anyone know an easy way to use an img tag inside of a div without break I would love to learn it!

Community feedback

Anna 545

@NitaLewska

Posted

  1. You can try and use <picture> tag to display different images =)

  2. You'd better use semantic tags other than endless divs =) <section>, <article>, <aside> and other tags like that are really important for the aссessibility!

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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