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 DAY 5 with HTML & CSS

ICode88 280

@ICode88

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
Margaux 120

@margaux-works

Posted

Hey Icode 88,

your solution looks great! I can tell you put a lot of effort into it, it looks super close to the design :)

Honestly, I don't have much to say, except a few minor things I noticed that could be optimised:

  • The picture element styles (display: flex) are unnecessary since it's just a container for the images. The child img will take the full width naturally due to the parent main being a flex container.
  • In the media query, I would recommend setting up a min-width on .info to ensure that the content doesn’t shrink too much on smaller screens.

Keep up the good work!

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