Design comparison
SolutionDesign
Community feedback
- @correlucasPosted about 2 years ago
👾Hello Metin Yeğencik, congratulations for your new solution!
Here's how you fix your background thats not displaying the proper size:
First of all add the background color thats
background-color: #e1ecff;
and this to keep the svg wave image displaying its full widthbackground-size: contain;
remove background position and let it align automatically:body { background-image: url(images/pattern-background-desktop.svg); /* width: 100%; */ min-height: 100vh; /* background-position: center; */ background-size: contain; background-color: #e1ecff; background-repeat: no-repeat; font-family: 'Red Hat Display', sans-serif; }
👋 I hope this helps you and happy coding!
0
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