Skip to content
Submitted over 2 years ago

Responsive order summary using flex box

Galeanas93•60
@Galeanas93
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

Feedback greatly appreciated:)

Community feedback

  • Anie•100
    @A-n-i-ePosted over 2 years ago

    Hi Galeanas, Really nice work you have there, Awesome job....You got everything perfectly!​🙂​ But I see you didn't add the background SVG image...I had a problem with that too and I solved it by:

    • placing a main tag in the body and added the container inside the tag like this: <body> <main> <div class='container'> </div> </main>
    </body> - And I styled it as follows: body{ height: 100vh; background-color: var(--pale-blue); } main{ background: url("pattern-background-desktop.svg") no-repeat; background-size: cover; height: 70vh; }

    Really hope it helps​🙂​ Nice job!

    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