Submitted over 1 year ago

Order Summary Component

bilguun1130•380

@bilguun1130

Preview site View code

This is a solution for...Order summary component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

It was a good challenge, specially, for people like me who want to try to practice accurate spacing between elements.

Community feedback

hitmorecode•6,680

@hitmorecodePosted over 1 year ago

  .main{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;  
    background-image: url(./images/pattern-background-desktop.svg);
/* add these two lines to fix the background image */
    background-repeat: no-repeat;
    background-size: contain;
}

Please log in to post a comment

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