Order summary card with css flexbox

Community feedback

• 

  Olaniyi Ezekiel•7,580

  @Ezekiel225Posted 10 months ago

  Hi @Livvy-405 Try adding this to the body element

  background-repeat: no-repeat; background-color: hsl(225, 100%, 94%);

  I hope this helps. Happy Coding

  Marked as helpful

  1
• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 10 months ago

  Hello @Livvy-405!

  Your project looks great!

  Here's how you fix the background:

  • Just add this to the body:

  background-repeat: no-repeat;
  background-size: contain;
  background-color: #E1E9FF;
  

  I hope it helps!

  Other than that, great job!

  Marked as helpful

  0
• 

  Dagim Tizazu•240

  @DagimTizazuPosted 10 months ago

  Hey @Livvy-405

  Try adding:

  background-repeat: repeat-x;

  background-color: hsl(225, 100%, 94%);

  to the body element.

  Marked as helpful

  0
• 

  Raza Abbas•790

  @RazaAbbas62Posted 10 months ago

  you should use background-repeat:no-repeat for the background image and have hsl(225, 100%, 94%) (or u can adjust it) background for the whole body.

  I hope this helps. Happy Coding

  Marked as helpful

  0
• 

  Olaniyi Ezekiel•7,580

  @Ezekiel225Posted 10 months ago

  Hello @Livvy-405

  Your project looks really good!

  I just have one suggestion:

  Add a min-height of 100vh to centralize your project.

  body {
    min-height: 100vh;
  }
  

  I hope it helps!

  Other than that, great job! Happy coding.

  0