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

product-preview-card using css/sass

@Arjun7478

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Mahmoud 150

@Mamouty

Posted

You have to use the picture tag element in order to change the image at break points. You can find out how to use it in this link https://web.dev/learn/design/picture-element/. Also instead of just using divs try using the html elements for accessiblity. Find out more on it through this tutorial https://www.freecodecamp.org/learn/responsive-web-design#applied-accessibility. The font of the paragraph and prices should match the ones given in the design.

1

@Arjun7478

Posted

Thank you for this suggestion.. I'll be happy if you explain my mistakes like this..

0

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