Order Summary Card Component | CSS Flexbox

Hello Hasan,

Great job on the design...!!

Remove the background-color from your card-container, and include the following code in the body,

body {
  background-color: var(--pale-blue);
  background-image: url("../images/pattern-background-desktop.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

Excellent job on this challenge! your report has a few issues though:

• wrap everything in your body in <main> or use semantics

• Your heading levels should only increase by one, which is <h1> then <h2> then <h3> then <h4> then <h5> then <h6>etc, not <h1> then <h3> then <h5> then <h4> then <h2> etc

Hope it helps:)...don't forget to mark it as helpful 👍

Hi! In your css archive, in the .card-container class you can add the property background-image: url(" ") for the background image, and you can use the properties background-repeat and background-size to customize it, I hope that it helps you!

nice design you just need to add some shadow to your button like box-shadow: 0px 4px 8px 1px #3829e04f

and remove the background-color property from the .card-container and add it to the body body{ background-color: #d6e1ff;

}