Design comparison
SolutionDesign
Solution retrospective
I have a moving background. Any advice to fix the bugs are warmly welcome 🤗
Happy coding!
Community feedback
- @gwtpraveenPosted over 2 years ago
congratulation on completing the challenge.
- you can set background positions using view height units and view width units. like this
main { background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg); background-position: bottom 35vh right 54vw, top 42vh left 50vw; background-repeat: no-repeat, no-repeat; }
and avoid using height instead use min-height
min-height: 100vh;
Marked as helpful1
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