Loopstudios Landing Page

Solution retrospective
All feedback is highly appreciated! Can anyone give a piece of advice on how to place and adjust background images? Feel kinda unconfident with those.
Thank you in advance!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @deepak300811
For placement of background image:
for deciding the focus point of image, means if size of the screen decreases the image will try to be in centre and focus on that point. means clipping at the edges will happen
- background-position: center
For size, most popular is cover 2. background-size: Cover it will make image to cover all of the size, even if the image size is small it will snap to come on full div
And some links : https://developer.mozilla.org/en-US/docs/Web/CSS/background-position, https://developer.mozilla.org/en-US/docs/Web/CSS/background
Marked as helpful
Join 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