Order Summary Card Component

👾Hello Adeola Ganiu, Congratulations on completing this challenge!

Here’s some tips to improve your component design:

The background wave image is missing and here’s the step-by-step to add it.First of all add the image as a background inside the body this is the code for that: background-image: url(../images/pattern-background-desktop.svg);

Then you add background-repeat: no-repeat to avoid the background repeating and background-size: contain to make it fit full width and center with the card this is the best choice, but an alternative to resize it is to use background-size: 125%,

body {
    background-color: hsl(225, 100%, 94%);
    background-size: cover;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    background-size: contain;
    display: flex;
    background-repeat: no-repeat;
    flex-direction: column;
    background-image: url(images/pattern-background-desktop.svg);
}

✌️ I hope this helps you and happy coding!

Hi @Deolabest, how are you?

I really liked the result of your project, but I have some tips that I think you will like:

I noticed that the background image is not centered, to fix this we can do the following:

body { background-repeat: no-repeat; background-size: 100% 50vmin; }

The rest is great!! Hope it helps... 👍