order summary component

Hi! great work finishing this challenge 😊

Your solution looks awesome! just a few tips that may interest you to make the background look more close to the design. To the body add some background properties like: (The // are to explain better, just delete them on your css code)

body {
//sets the minimum height of the body to be 100% of the screen.
    min-height: 100vh;  

 //allows to center the content
    display: grid; 

//centers the content vertically and horizontally
    place-content: center;  

//the image and the color
    background: url("images/pattern-background-desktop.svg");
    background-color: hsl(225, 100%, 94%);

//Scales the image as large as possible within its container without cropping or stretching the image
    background-size: contain; 

//so the image doesn't repeat
    background-repeat: no-repeat; 
}

Here's more info on the background properties

Hope this helps! 🤗