Design comparison
Solution retrospective
all feedback is welcome
Community feedback
- @hyrongennikePosted about 2 years ago
Hi @princechamp07,
Nice job on your first attempt of the challenge
I would suggest making the two svg's background images using before and after or setting the background images on the body directly you can add multiple background images see below
background: url("images/bg-pattern-top.svg"), url("images/bg-pattern-bottom.svg"), hsl(185, 75%, 39%);
This is my solution. my solution
Also check the report above and fix those accessibility issues. Hope this is helpful.
Marked as helpful0@princechamp07Posted about 2 years ago@hyrongennike can you also tell me how to align both background at different place 1st one on top left and 2nd on bottom right.
0@hyrongennikePosted about 2 years ago@princechamp07 you'll have to just test different values until it looks similar, I've link my solution above you can use the developer tools to inspect and see which values I used.
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