Design comparison
Solution retrospective
Guys, I'm looking forward to your feedback. Please don't hesitate 🚀
Community feedback
- @danielmrz-devPosted 11 months ago
Hello @ThornenSan!
Your project looks great! If you add the color
#E1E9FF
to your background, it'll look even closer to the original design. Took a look at your code, tested it and it worked. Here's the updated code, in case you need:.bg-image { background-color: #E1E9FF; background-image: url(../images/pattern-background-desktop.svg); background-repeat: no-repeat; background-size: contain; }
I hope it helps!
Other than that, great job!
Marked as helpful0 - @gfunk77Posted 11 months ago
This is great. Congratulations. I noticed that the bottom half of your background is still white. The easy solution is to just add that light blue color on the bg-image right before the url. ‘background: #color url(./whatever)’.
That should do it. Well done on the your solution, it looks fantastic.
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