[Solved] How do I make my website’s background image responsive? [closed]

Question

If you want the image to take up the whole width of the screen, simply set width instead of min-width, like this:

#full-screen-background-image {
  z-index: -999;
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%;
}

Accepted Answer

If you want the image to take up the whole width of the screen, simply set width instead of min-width, like this:

#full-screen-background-image {
  z-index: -999;
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%;
}