Skip to content
Submitted over 1 year ago

Order-summary-component

imonBlaze•10
@imonBlaze
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Explanation guidance wasn't very clear.

Code

Please log in to post a comment

Log in

Community feedback

  • MaximilianoDanielGarcia•1,980
    @MaximilianoDanielGarcia

    Hi @imonBlaze, good job!

    Check this code to improve your background image and to center the card:

    body {
    display: grid;
    place-items: center;
    min-height: 100vh;
    background-size: contain;
    background-color: hsl(225deg 100% 95%);
    background-position: center -25%;
}

    The background-size: contain; property resizes the background image to make sure the image is fully visible.

    After you apply these it will be look better.

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