Order summary component using Bootstrap

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... 👍

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 :)