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

#tailwind-css

@ArifKhanEver

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 will be happy to hear from you.

Community feedback

Omer7_7 100

@omerkhan7210

Posted

HELLO SHAFIQUL ISLAM’S, First of all you can use css variables instead of individual classes as this makes your code hard to understand for other designers, variables can be used to store any type of value and you can use them and change them globally in your css code as well, the second thing i noticed that the breakpoint of your design was above 1100px which is not the standard breakpoint for mobile widths, you can make it 768px and make your design at mobile-width first then design it on the desktop screens. Hope this helps brother!

0

@ArifKhanEver

Posted

@omerkhan7210 I used Tailwind. So, all the classes are from it. The same goes for breakpoints as well.

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