Order summary component using Bootstrap

Community feedback

• 

  Adriano•42,890

  @AdrianoEscarabote

  Posted over 2 years ago

  Hello Stacey, how are you?

  I really liked your project. Answering your question on how to put waves in the background:

  you can go to the body and put background-image: url(image);, after that you control it with some other resources like for example: background-repeat: no-repeat; background-size: 100% 50vmin; background-position: bottom;

  About boz-shadow's question, here's a very good site for you to make some really cool shadows click here

  the rest is very good hope it helps... 👍

  11

  Marked as helpful
• 

  Eray•1,410

  @ErayBarslan

  Posted over 2 years ago

  Hey there, you can add background to body as:

  body {
      ...
      background-image: url(./images/pattern-background-desktop.svg);
      background-repeat: repeat-x;
      /* we can use repeat x for this specific image so that it supports wider screens*/
  }
  

  Try out box-shadow: 0 25px 20px hsl(225, 67%, 88%); which is what I've used on my solution.

  -Instead of <h4> you should be using <h1> for Order summary, each page requires a level one heading. You can style with css as you like. Also their level should change 1 by 1 so you can change <h6> to <h1>.

  • alt should have meaningful explanation. Instead of alt="..." you can use alt="dancing with music illustration" These are my suggestions to improve the solution. Happy coding :)

  11

  Marked as helpful