How do i fix this (please help)

[chelsea1124]

Hello mc-market I'm here today to ask for your help I have been looking around all day and I have tried a lot of ways to do this but still can't find how to do it so let me get into it.

So I'm making a website for my Mc alts but the home page I made it's going to be a full page image and when you click the image it will take you to the next page but when I make the image a link in the HTML and link the image that way it doesn't work but when I put the image in the CSS and no link attached to it don't work so please help.

And when it's in the CSS the image sizes with all the devices as I use this in the CSS

  background-position: center;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;

but when I use this code in the HTML with the link it just keeps the image in one spot or it makes the image really small and not full page size.

This is the image that when you click it will take you to the next page:

 

[Steaming]

Are you using inline css or an external style sheet?

 

[snakes]

So you are asking how to make the image responsive?

 

[chelsea1124]

Are you using inline css or an external style sheet?

Im not sure im still new to web development if it helps I'm using a stylesheet.css that is inside a folder on my desktop

 

[wwesn]

Try

html {
  background: url(images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}