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

Marley Semendeβ€’ 570

@Marley-Semende

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


My solution for the product-preview-card-component. Feel free to leave me any feedback that will help me grow as a Frontender. Happy coding :)

Community feedback

Bryan Liβ€’ 3,530

@Zy8712

Posted

Your site looks pretty good on large window sizes. The main thing I think you should work on is adding responsiveness for smaller screen sizes. When the window size is small your website gets really squished together and you image shrinks alot in size compared to the white box. In my opinion you should avoid using the width: 40% for a project like this as the component should just remain consistent in size until the window is too small. Then you can change it using a media query. To read more about media queries and responsiveness, you can read this and this.

Hope you find this feedback userful πŸ‘

Marked as helpful

0

Marley Semendeβ€’ 570

@Marley-Semende

Posted

Hi @Zy8712. Thank you so much for the feedback and for the resources I will check them out and work on the challenge again. Thanks :)

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