@JBC944 since you’re not here, i’ll just finish answering…(and see my graphic above). The fact is, unless you’re developing your site for one very specific device, you won’t know what the body width is unless you set it yourself, which you could do if you wanted. The body will automatically fill approx. 100% of the window that it’s contained within, and therefore will be a different size at different times. Hopefully this helps you understand why your answer of “70%” earlier wasn’t helpful, because I was talking about a rastor image, which is built from pixels, and has definite width and height. When you resize an image, it’s usually best to stretch it diagonally, from the center point to a corner, and outwards along that path. This will retain the aspect ratio (e.g. 16:9, 3:2, etc) of the image, so that, while it might get fuzzy (pixelated), it won’t distort the image itself. If you stretch an image without maintaining the aspect ratio, it will become distorted. So resizing an image from 150x300px to 300x600px, for example, will pixelate it a little, but won’t distort it otherwise. So you asked: can i fill a div with an image without distorting it (paraphrased). I said yes. The easiest way to do this is to constraint the image’s proportions, which will usually happen when you set a width, but no height.