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 solution

@AnosVoldigoad999

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


So....I had a lot of issues involving the sizing of the container depending on screen size, especially with using the viewport height and width as the sizing values, percentages were not all that useful either. I'd love to hear feedbacks on how to improve these and also how to deal with positioning better. Thanks in advance!

Community feedback

@AntonioMesquit

Posted

Good job! In the folder, when you download the file, there's a folder called Style-Guide. There, you'll find letter dimensions, colors, and fonts. As for the image, it doesn't need to be exactly the same; it can be similar. Apart from that, it's looking really good. Congratulations!

0

@AnosVoldigoad999

Posted

@AntonioMesquit Okay, 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