Order-summary-component

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Jesús Yadiel, congratulations for your new solution!

  I've one tip for you to fix the issue with the background image that is not fitting all the screen:

  First of all you need to remove both <img> import youve used inside the html to importh the image inside the CSS .You can import the background inside the body with background-image: url(../images/pattern-background-desktop.svg); and make it take the size full width background-size: contain;

  body {
      background-image: url(../images/pattern-background-desktop.svg);
      display: flex;
      justify-content: center;
      background-size: cover;
      background-repeat: no-repeat;
      align-items: center;
      min-height: 100vh;
      background-size: contain;
      background-color: var(--pale-blue);
  }
  

  👋 I hope this helps you and happy coding!

  1
• 

  バレンタイン 😈•64,190

  @VCaramesPosted about 2 years ago

  Congrats on completing this challenge!

  When using decorative images, such as background images, you have to the background-image property to implement the image. Attached is a link for more details:

  https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

  1