Order summary component

Hello there 👋. Good job on completing the challenge !

I have one more suggestion about your code that might interest you.

• The background color you have used is the color of the text, not the background. Try using these styles instead:

.main {
    background-color: hsl(225deg, 100%, 94%);
    background-image: url(images/pattern-background-mobile.svg);
    background-repeat: no-repeat;
    /* background-position: center; */
    background-size: contain;
}

Happy coding!

Give .main a background-color of pale-blue and the change the value of the background-size to contain.

For a responsive content , give .card a fixed max-width value. max-width:432px which is 27rem. There is no need to give .card overflow-hidden.

Hope am helpful.

Well done for completing this challenge. HAPPY CODING