Order summary component - HTML & CSS Flexbox

Hi Pop,

Great solution, you should be proud!

At a glance a few thoughts from me:

• it's not best practice to style using id's here is a few reasons why
• your id="container" could be on the <main> tag instead of the additional <div>
• a few tweaks to your design to help with that background image and centering things nicely in the viewport (you'll need to fix a few other parts of your design if you implement the following:

#container {
    background-image: url(images/pattern-background-desktop.svg);
    background-repeat: no-repeat;
    background-size: 100% auto; // ADD 100%
    background-color: hsl(225, 100%, 94%);
    display: flex;
    margin: auto;
    /* width: 1440px; */ //REMOVE
    /* height: 900px; */ //REMOVE
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100vh; // ADD
}