Order Summary Component using HTML, Sass, Bootstrap

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Ricardo, congratulations for your new solution!

  You've and amazing solution here! I liked a lot that you created an variable for each color. This is really useful.

  I've two tips about the wave background and the color background:

  The correct color for the background under the wave img is background-color: #eef3f7;

  To make the wave background takes full width use this property background-size: contain;

  body {
      margin: 0;
      font-family: var(--bs-body-font-family);
      font-size: var(--bs-body-font-size);
      font-weight: var(--bs-body-font-weight);
      line-height: var(--bs-body-line-height);
      color: var(--bs-body-color);
      text-align: var(--bs-body-text-align);
      background-color: var(--bs-body-bg);
      -webkit-text-size-adjust: 100%;
      -webkit-tap-highlight-color: transparent;
      background-size: contain;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Ricardo Fuentes Urbina•370

  @RicardoFuentes437Posted over 2 years ago

  @correlucas thank you so much for your kind comments and your feedback, i didn't add any color to the background because at the time i didn't know you could have both a background image a background color hahaha thank you for the tips, i'll definitely use them for future challenges :)

  0