order-summary-component-main

Congratulations well done. Just one thing that you need to fix. The background image is not filling the page in the width.

body {
background-image: url(../images/pattern-background-desktop.svg);
background-repeat: no-repeat;
background-cover: contain; /* add this line to fix the background image */
background-color: hsl(225, 100%, 94%);
font-family: 'Red Hat Display', sans-serif;
/* width: 100%; */ /* you don't need this, the width of the body is always 100% */
min-height: 100vh; /* it's good practice to use min-height */
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
}