youtube css tutorial

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 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!

  0

  ---

  

  Ohida Elizabeth•320

  @LizzietrustPosted about 2 years ago

  @correlucas thanks for the correction, I’ll make changes right away

  1

  

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  @Lizzietrust Happy to hear that! I hope this helps you to improve the background. Keep it up!

  0