Order Summary Card Component | CSS Flexbox

Community feedback

• 

  Madiha Khan•420

  @madkn1311Posted over 2 years ago

  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;
  }
  
  

  1

  ---

  

  Mahmudul Hasan•250

  @mahmud035Posted over 2 years ago

  @madkn1311 Thanks a lot. Perfectly working.

  0

  

  Madiha Khan•420

  @madkn1311Posted over 2 years ago

  @mahmud035 you're welcome..!!

  0
• 

  mubizzy•1,520

  @mubizzyPosted over 2 years ago

  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 👍

  1
• 

  Eduardo•910

  @KTrick01Posted over 2 years ago

  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!

  1
• 

  Ayjamal•630

  @ay-jamalPosted over 2 years ago

  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;

  }

  1