Design comparison
Solution retrospective
I got difficulty at positioning svg backgrounds and it really frustrated me. How can I learn from this?
Community feedback
- @HashimAlSadahPosted over 2 years ago
Hi @Fahatmah, congrats on completing this challenge. For the background in the desktop view the image takes half the height of the screen and it fills up the whole screen in the mobile view. To implement this you need to do the following for the desktop.
body{ background-position: bottom center; background-size: 100% 50%; }
The first number 100% is for the width and the second 50% is for the height.
For the mobile view you need to do the following.
body{ background-size: 100% 100%; }
you do not need to specify a position for the mobile view, since it should fill the whole body.
Nice work on this challenge and Keep Coding.
Marked as helpful1@FahatmahPosted over 2 years ago@HashimAlSadah
Thank you so much! :D Now I know. Sukran brother. Very kind of you.
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