01_order-summary-component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello Dalibor Stolarski, Congratulations on completing this challenge!

  I saw your solution preview site and I think it's already really good. Here’s some tips for you to improve it:

  Your background is applied but its not too similar to the design yet. Add background-size: contain instead of background-size: cover to make it display the size full width and center with the card vertically. Note that now is slightly different from the challenge design.

  body {
      background-image: url(./images/pattern-background-desktop.svg);
      background-repeat: no-repeat;
      background-size: CONTAIN;
      background-color: var(--pale-blue);
      font-size: 16px;
      font-family: "Red Hat Display", sans-serif;
  }
  

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  0
• 

  Mihirkumar hitendrabhai nayak•180

  @mihir2226Posted over 2 years ago

  hi buddy, I just went through your site and found that your background image height changes with your container alignment. I would suggest you have one div with background image id. and you can give it background: URL(./path). then give your card position: absolute. I think it might help.

  Marked as helpful

  0