Order Summary Component Solution

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello again Peter, congratulations for your new solution!

  Nice solution by the way, I've some tips for you about the background :

  Use this to avoid the background repeating background-repeat: no-repeat; this to make the wave background take the screen full width background-size: contain; and this for the general background color background-color: #e6ecfb;

  body {
      width: 100vw;
      height: 100vh;
      display: flex;
      justify-content: center;
      padding: 1.5em;
      align-items: center;
      background-image: url(pattern-background-mobile.svg);
      font-family: "Red Hat Display", sans-serif;
      background-repeat: no-repeat;
      background-size: contain;
      background-color: #e6ecfb;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  POTB•330

  @PeteonthebeatPosted over 2 years ago

  Hey @correlucas, Thank you so much for this comment and the helpful tip. I already implemented the last three lines, and it looks fantastic!

  I'll sure remember how to operate in identical situations with background images. Thanks again!

  Sincere! POTB

  0
• 

  Phúc (Scott) Nguyễn•430

  @NationsAnarchyPosted over 2 years ago

  Hey Pete! Great to see you posting your own solution here on Frontendmentor.io

  For the background issue that you are wondering about, here's the suggestion I can give you from my own solution. I hope this helps, and enjoy coding + practicing your skills here :D

  background-image: url(/images/pattern-background-desktop.svg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-size: contain;
  

  Marked as helpful

  0

  ---

  

  POTB•330

  @PeteonthebeatPosted over 2 years ago

  Hey @NationsAnarchy, Thanks for commenting! I'll definitely consider the code you provide, and enjoy coding.

  Regards! POTB

  1

  

  POTB•330

  @PeteonthebeatPosted over 2 years ago

  Hey @NationsAnarchy, Thanks for commenting! I'll definitely consider the code you provide, and enjoy coding.

  Regards! POTB

  1