Skip to content
Submitted over 3 years ago

Order summary component | HTML | CSS

Tami Ribeiro•40
@tamiribeiro
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello there 🖐🏻 my second solution here! I'm so excited with my progress (a commit at a time) 🤩. I'm pretty satisfied with this one but any feedbacks will be gladly welcomed 💙

Code

Please log in to post a comment

Log in

Community feedback

  • Travolgi 🍕•31,300
    @denielden

    Hi Tami, good job!

    to make the background svg take all the screen on the desktop set the property background-size: contain; to the body.

    Also try using Flexbox for center elements on the page: give the flexbox and height properties to the body and remove margin from .card class.

    Read here -> Flexbox

    Note: Flexbox aligns to the size of the parent container. You can use the vh measurement for the height... Viewport Height handles the sizing of an element in relation to the height of the browser window.

    I hope that helps!

    Marked as helpful

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