Order Summary Card (Grid)

Apply this changes in the body:

body {
display: grid;
place-content: center;
font-size: 15px;
font-family: 'Red Hat Display', sans-serif;
background: url(images/pattern-background-desktop.svg);
background-size: contain;
background-repeat: no-repeat;
min-height: 100dvh;
background-color: hsl(225, 100%, 94%);

Now research the use of media queries to improve design on mobile. You will need to add unique modifications to it for the background of the body, I believe it will be very similar to the rules you had put. On the desktop add more padding to your content until you think it's similar to the original.