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

Order component

Thomas B 160

@TomBirbeck

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Hassia Issah 50,650

@Hassiai

Posted

There is no need to give the bod a height value. Give the body a background-image with a background-size of contain and background repeat of no-repeat. The background-image of the body is in the images folder in the zip folder you downloaded.

There is no need to give .card a height value rather increase the max-width of .card for it to be equivalent to the design. max-width:27rem which is 432px

This challenge requires a media query, in the media query you only have to change the background-image of the body.

Hope am helpful.

Well done for completing this challenge. HAPPY CODING

Marked as helpful

0

Thomas B 160

@TomBirbeck

Posted

@Hassiai Thank you for the feedback. I've implemented some changes to the component. I did end up keeping the height for the body because I was unable to position the card in the middle of the screen without it.

Thanks, Tom

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