Design comparison
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!
Community feedback
- @deepak300811Posted about 3 years ago
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 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