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 HTML CSS

Sunil 130

@SunilParbhoo

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 are you most proud of, and what would you do differently next time?

This was my first project attempting to build from a mobile first perspective and then shifting to desktop vs. building desktop styles first. I feel the shift in perspective was easier to make than I anticipated and look forward to building more projects utilizing this method in the future.

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

This project was pretty straight forward. One small issue that does come to mind was trying to get the text to line up the way it was in the design. I found that using text-wrap: balance made the text line up in the respective element nicely and also matched the designs.

What specific areas of your project would you like help with?

I am open to any general constructive critique that can make my code look and run better, especially if it is regarding best practices going forward. Thanks in advance!

Community feedback

Julien 100

@EdoardoRamondetti

Posted

awesome it looks really good

0

Sunil 130

@SunilParbhoo

Posted

@EdoardoRamondetti Thank you very much!

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