Responsive order summary using flex box

Galeanas93• 60

@Galeanas93

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Order summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Feedback greatly appreciated:)

Community feedback

Anie• 100

@A-n-i-e

Posted about 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!

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