Rosen
KPCKevin Powell - Community
•Created by Rosen on 7/26/2023 in #front-end
Build a space travel website > background-size: cover and background-position
Hi everyone, I just completed the above-mentioned Scrimba course.
My questions are related to this video: https://scrimba.com/learn/spacetravel/adding-the-background-images-cof4b40e185ce1ca26fd638c0, where Kevin adds background images to the homepage. I couldn't understand how exactly
background-size: cover
works together with background-position
.
My questions:
1) I couldn't understand what he's saying and meaning at 0:43 - if were on a weird screen sizes it’s not gonna run the image is exploding on the top. I can't hear well what's the exact wording. Probably it has to do with the default background-position
?
2) The different positions on mobile and tablet versions made sense in the course, but I have a fiddle -> https://jsfiddle.net/g5ysc92k/ on which I tested different combinations of values for background-position
and the result was that bottom center
, center center
and top center
give the same result. And I can't understand why?13 replies