Skip to content
Submitted about 1 year ago

Product-Preview-Card using React + Tailwind

react, tailwind-css
Manish Singh•230
@manishsinghraj
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I was able to gain more detailed knowledge on responsiveness and best practices.

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

Overdoing things in Tailwind and CSS, while truly understanding responsiveness, has been greatly aided by Kevin's videos.

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

Any kind of feedback!

Code

Please log in to post a comment

Log in

Community feedback

  • Michel Ribbens•120
    @AmanoLX

    Great solution on how to set the images based on the screen size. Didn't think of that myself!

    Just one tiny thing: I never use tailwind.css but seems to me that the card div has a max width of 600 px while the rendering of the image is set to a width bigger than 640px. Shouldn't that be the same sizes?

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