body{
background-size: 50px 50px;
background-size: 50% 30%;
background-size: cover;
background-size: contain;
}
				
			

Video Summary

All right, so we’re gonna talk about the background size property and how we can size these background images in either the body or the background of certain elements that we’re designing for certain sections that we’re designing, right. So basically, we have four main ways that we can actually position these. And basically the first one is length and it’s pixels and we can figure out how, how long and how tall we want this image based on pixels, or we can do it by percentages where we can figure out we want to, we want the background image to cover 50% with a fit or 30% height. We could talk about cover so we can eat we can take this image we wanted to cover the entire section that we’re working on. and we want it There’s also contained so basically we just contain is where it makes the image large enough to where you’re going to be able to see it. And really, when it comes down to it, it all depends on the image that you’re working with and how you want to how you want to work and position them. So, with that being said let’s hop over to code pen and we’ll start there.