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

Responsive product card made with tailwindcdd

#tailwind-css
Roland 30

@gonereng

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 had some issues with the sizing in the beginning, tryed to keep the width and height fluid but in the end I just used fixed values

Community feedback

Yokke 640

@Jexinte

Posted

Hey @gonereng ,

Good job.

Sometimes you need to specifie a fix height and width towards the design. Imagine not using fix values ? Your work is gonna strech again and again and it's not great especially on desktop.

I think you've done a good appreciation of it and if sometimes you need more questions about how approach the design just ask ! We don't have all answers so it's good .

Keep it up !

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