Design comparison
SolutionDesign
Community feedback
- @falloumacbookPosted 12 months ago
Hi dear, congratulation on completing this challenge. I've check solution and I love it. However, I have one suggestion regarding your background positioning. You can use the code below to make your background look as close as the design given.
body{
background-image: url(images/bg-pattern-top.svg), url(images/bg- pattern-bottom.svg);
background-repeat: no-repeat;
background-position:
right 50vw bottom 40vh,
left 50vw top 40vh; }
Marked as helpful1 - @danielmrz-devPosted 12 months ago
Hello @Ludzikk!
Your project looks great!
If you want to nail the exact position of the background pattern, here it is:
background-color: var(--Dark-cyan); background-image: url("./images/bg-pattern-top.svg"), url("./images/bg-pattern-bottom.svg"); background-repeat: no-repeat, no-repeat; background-position: right 52vw bottom 35vh, left 48vw top 52vh;
I hope it helps!
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