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 React-Vite and Tailwind CSS

Dipto Das• 70

@Das-Dipto

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


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.

Community feedback

Abdelrahman• 90

@Dribbz

Posted

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 !

0

Dipto Das• 70

@Das-Dipto

Posted

Okay thanks for your honest feedback, mate.@Dribbz

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