01_order-summary-component

👾Hello Dalibor Stolarski, Congratulations on completing this challenge!

I saw your solution preview site and I think it's already really good. Here’s some tips for you to improve it:

Your background is applied but its not too similar to the design yet. Add background-size: contain instead of background-size: cover to make it display the size full width and center with the card vertically. Note that now is slightly different from the challenge design.

body {
    background-image: url(./images/pattern-background-desktop.svg);
    background-repeat: no-repeat;
    background-size: CONTAIN;
    background-color: var(--pale-blue);
    font-size: 16px;
    font-family: "Red Hat Display", sans-serif;
}

✌️ I hope this helps you and happy coding!

hi buddy, I just went through your site and found that your background image height changes with your container alignment. I would suggest you have one div with background image id. and you can give it background: URL(./path). then give your card position: absolute. I think it might help.