Order Summary Page using pure HTML and CSS

Replace <div class="card"> with the main tag, <h3> with <h2> to fix the accessibility issues. click here for more on web-accessibility and semantic html

There is no need <div class="bg_image"> in the html and its styling in the css. Give the body a background-image with a background-size of contain and a background-repeat of no-repeat. The background-image of the body is pattern-background-desktop.svg

For a responsive content, replace the width in .card with max-width. max-width: 400px.

In the media query you have to change the background-image of the body.

Use relative units like rem or em as unit for the padding, margin, width values and preferably rem for the font-size values, instead of using px which is an absolute unit. For more on CSS units Click here

Hope am helpful.

Well done for completing this challenge. HAPPY CODING