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

Challenge 1

Claudia 300

@ClaudiaRamirezD

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

Fatlind Shehu 2,230

@fatlindshehu

Posted

Hi Claudia,

I would suggest checking in more detail the font weights and your component is not responsive so you need to deal with that to, so here are my recommendations:

  • Use Figma or Adobe Xd to measure the sizes more precisely
  • Use flex to center the component
  • Use flex to stack the elements inside the component
  • Change flex direction in small screen sizes

Best of luck…

Marked as helpful

1

Fatlind Shehu 2,230

@fatlindshehu

Posted

If you found my comment helpful please mark as helpful

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