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 Review Card Component Solution

Zahirul 150

@ZahirulIslamTanvir

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


Hi,guys this is my solution to the Product Review Card Component! Feel free to comment on how the solution can be improved.

Thanks for walking by 😁❤️

Community feedback

vinu cyril 980

@vinuman

Posted

Hello,

Good job completing the project. The design looks impeccable.

  • For your media query, the max-width is set to 375px, which means it will only be applied for screens with width less than 375px(It works well for iphoneSE but not for iphoneXR :). For mobile devices, you can set it to 640px(https://tailwindcss.com/docs/screens).

  • Use the <main> tag to enclose the content instead of the 'card' div. It is used to define the main content of a page.

-Hope this helps. Happy coding!

Marked as helpful

1

Zahirul 150

@ZahirulIslamTanvir

Posted

@vinuman Thanks, for you feedback.

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