youtube css tutorial

Community feedback

• 

  Lucas 👾•104,160

  @correlucas

  Posted almost 3 years ago

  👾Hello Ohida Elizabeth, congratulations for your new solution!

  Your solution is fine but you need to work the responsivity for the container, replace the width with max-width to allow the container to contract and fix the background wave.

  To make your background display full width add this properties to the body background-size: contain; here's your code with the changes:

  body {
      background-image: url(./order-summary-component-main/images/pattern-background-desktop.svg);
      background-repeat: no-repeat;
      background-position: center top;
      background-color: hsl(225, 100%, 94%);
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  
  
      background-size: contain;
  }
  

  👋 I hope this helps you and happy coding!

  02