Order Summary Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾 Hello Ibukunoluwa, congratulations for you solution!

  You did good with the design, but there's some issues with the background-color and background-image.

  I've some tips for your:

  1.The background-color and background-image should go inside the body, not on the container, if you insert them on the container they'll be limited by the container width and height properties.

  2.Use the background background-position: top; background-size: 100%; background-repeat: no-repeat; to fix the position and size inside the body.

  See the fixes below:

  body {
      background-color: hsl(225, 100%, 94%);
      background-image: url(/images/pattern-background-desktop.svg);
      background-position: top;
      background-size: 100%;
      background-repeat: no-repeat;
      font-family: 'Red Hat Display', sans-serif;
      font-size: 0.7rem;
      /* background-color: rgba(18, 13, 13, 0.707); */
  }
  
  

  Hope it helps, keep it up!

  Marked as helpful

  0

  ---

  

  Ibukunoluwa Oladeinde•170

  @IbkayyyPosted over 2 years ago

  @correlucas Points taken, thank you!

  0