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 preview card component

@lichtle

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


This is my second attempt on this challenge. This time I used the grid display (instead of flexbox) and improved the responsive aspect. If you want to check my previous solution, it's on my GitHub portfolio. Thanks!

Community feedback

@Kamasah-Dickson

Posted

Hi there👍..You really did a very great job. And I like the fact that you came up with the solution in your own style with the colors and everything.....also the fact that you were able to decide on the best layout tool for this solution which is grid. It takes people a lot of time to know or notice the best layout tool for their solution. Since this is your second attempt I know for sure, you now have an idea about the best layout tool to use at the appropriate place.

Happy coding 👍

1

@lichtle

Posted

@Kamasah-Dickson thank you so much for your comment, it motivates me a lot! I still struggle using grid, but indeed it was the best solution in this case.

1

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