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 challenge

Leonardo 250

@Leonardclc

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

@Azikenp

Posted

Nice job there pal. I have a few suggestions too.

  • You should try centering the card on the screen, you can achieve this by using the flexbox. On the body tag, set the display property to flex, then "align-items : center;" and "justify-content:center;" and the card should be centered. -Also try styling for the mobile site too, i don't' think it's styled. -It is also advisable to use a mobile first approach when styling web pages.

Great job still though. KUDOS!!!!

Marked as helpful

1

Leonardo 250

@Leonardclc

Posted

@Azikenp Thank you very much for the feedback. I styled the mobile version too, you can see it by setting the page size to 375px on inspect mode, I don't know If I was supposed to do it like that lol

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