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 with tailwindcss

P

@vstm

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


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

I struggled a bit with the -tag and the `srcset`/`sizes` attributes. I changed it to a tag with `` which worked how I expected.

Community feedback

P
edpau 240

@edpau

Posted

Nice code, I see you done some custom class defined in your Tailwind CSS configuration. Do you have any good guideline for it? I am trying to find some good practice to learn.

There is a minor padding issues in your mobile version, there is no left padding. You may look into adjusting the breakpoint, as I have to expand the window to full width to view the desktop version in my small screen computer.

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