Neospring

Replying to

Melon (world's #1 lesser copepod) 1731775899399

omfg thank you so much and I def will need help w the code, I'm not too sure which option would work best though, but maybe 1 or 2, preferrable 2 since it does keep aspect ration, but i'm not sure i like the cropping part

Comment

f00f the f00fy 1731780584109 ^*

Scale and crop the image to fit the size of the page, preserving aspect ratio:

#page {
  background-repeat: no-repeat;
  background-size: cover;
}

Stretch the image to fit the page, even if it distorts the image:

#page {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

Another option would be to center, but not scale, the background image, and have a different background behind it. For some reason I couldn't get this to look right on your page, so I don't have code to give you right now. I also couldn't get the "stretch left to right but repeat vertically" to look right.

Reactions

Replies

Add a reply