Skip to content
Submitted over 1 year ago

Summary landing page with grid

michaelcgre•120
@michaelcgre
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Couldn't quite figure out how to fit the background pattern

Community feedback

  • Hassia Issah•50,650
    @HassiaiPosted over 1 year ago

    Change the value of the background-size of the body to contain .

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

    Increase the max-width value of .order-summary for it to be equivalent to the design. max-width:432px which is 27rem/em

    You forgot to give .payment-btn a box-shadow value

    Hope am helpful.

    Well done for completing this challenge. HAPPY CODING

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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