Order summary component

Community feedback

• 

  Lucas 👾•104,160

  @correlucas

  Posted almost 3 years ago

  👾Hello again Radek , congratulations for your new solution!

  You've a perfect container and card here, the only thing you need to fix is the background to display the wave properly, here's my tips:

  To improve the background you need to use background-repeat: no-repeat; to make the wave svg to repeat and background-size: contain; to display it full width and correct color for the background thats not white is blueish background-color: #eaeaff;

  Here's your code with changes applied:

  body {
      background-image: url(./images/pattern-background-desktop.svg);
      padding: 50px 20px;
      font-family: var(--ff-primary);
      background-repeat: no-repeat;
      background-size: contain;
      background-color: #eaeaff;
  }
  

  👋 I hope this helps you and happy coding!

  11

  Marked as helpful
• 

  Mohamed Khaled•190

  @mohamedKhaled89

  Posted almost 3 years ago

  Hey Radek, congratulations on completing the challenge! You did a great job

  I think you need to change some things in your code:

  • body background-color: var(--clr-primary-700);
  • make your background-size: contain;
  • and background-repeat: no-repeat;
  • I think you must make a container for content for better positioning

  11

  Marked as helpful