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

P
K01wfd 690

@K01wfd

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

hitmorecode 6,270

@hitmorecode

Posted

Nice well done. Just a few tips

  • You are missing the border radius on the card
  • To place the card in the middle of the page, add this to your css
body {
  font-size: var(--fs-body);
  font-family: var(--font-family-montserrat);
  padding: var(--py) var(--px);
  background-color: var(--color-cream);
  color: var(--color-gray);
  min-height: 100vh; /* change to this */
  display: grid; /* add these two lines */
  place-content: center;
}
0

P
K01wfd 690

@K01wfd

Posted

@hitmorecode Thanks for your feedback.

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