Order Summary Component using HTML and CSS Flexbox

Nice well done. Just two thing

• The background image is not filling the width of the page
• Start using min-height instead of height

body { font-family: Red Hat Display;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
min-height: 100vh; /* for good practice start using min height */
width: 100%;
background-position: center top;
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url(pattern-background-desktop.svg);
background-size: contain; /* add this line to fix the background image */
background-color: hsl(225, 100%, 94%);
}