Design comparison
SolutionDesign
Community feedback
- @correlucasPosted over 2 years ago
๐พ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 sizefull width
and get centered with the cardbody { 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 moreblur
hereโs a good value for this shadowbox-shadow: 5px 5px 15px 5px rgb(0 0 0 / 5%);
๐ I hope this helps you and happy coding!
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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