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 component

Iceish96 80

@Taninwat-55

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

@Ashwini202213

Posted

Your solution is great! Just a few suggestions to improve the code:

It would be better to use the <picture> tag when you need to display different images for various devices or screen widths. I noticed a background image being used, but the <picture> tag might be a more suitable choice in this case. You might want to start by structuring the layout first. For example, having a main container with a card container inside, and within that, an image div on one side and a description div on the other. This would help make the layout more responsive, as there seem to be some issues with responsiveness in the current design. Just some friendly suggestions to enhance the responsiveness and structure! 😊

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