Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

summer-of-69-

Wojtek Natkaniecโ€ข 170

@wojocode

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Lucas ๐Ÿ‘พโ€ข 104,440

@correlucas

Posted

๐Ÿ‘พHello Wojtek Natkaniec, congratulations for your new solution!

Here's some tips to improve your solution:

Add background-size: contain; to make your background wave svg take the size full width and get centered with the card

body {
    font-size: 16px;
    font-family: 'Red Hat Display', sans-serif;
    background: var(--pale_blue) url(images/pattern-background-desktop.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

Your shadow is too much dark and strong, to create a smooth shadow you need to give it less opacity and more blur hereโ€™s a good value for this shadow box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 5%);

๐Ÿ‘‹ I hope this helps you and happy coding!

Marked as helpful

0
Wojtek Natkaniecโ€ข 170

@wojocode

Posted

thank's a lot! cheers :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord