Skip to content
Submitted about 2 years ago

Product Preview Card using React-Vite and Tailwind CSS

react, tailwind-css
Dipto Das•70
@Das-Dipto
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I have just made this project using ReactJS and Tailwind CSS also with Vanilla CSS media query . Now I am expecting appropriate feedback from the expert of this community.

Could anyone please inform me, are there any flaws in my project or not ?

Thanks in advance.

Code

Please log in to post a comment

Log in

Community feedback

  • Abdelrahman•90
    @Dribbz

    I'm no expert but I will give you my input on your solution,

    Great job! the design looks fairly close I'd just do the following :

    • Center the container in the middle of the page Using "flex box"

    *Border radius on the button

    *"Perfume" header should have small font-weight

    *The Design has some issues scaling down

    • Use Media query for changing the img on scaling down -Use Min-width property to prevent the overflow that happens on the 150px width

    Goodluck !

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