How to make background image fit correctly inside a board without losing responsiveness

Question

I have code in which there is class box, i have given backgroundimage to class box box1.

my problem is that the im

Answer 1

I suggest you give your body a background-position according to your requirements. usually centering it is the best choice:

background-position: center center;

You can see how it works by looking at the snippet. resize the image by its bottom-right handle.

div{
	background-image: url('//unsplash.it/500');
	background-size:cover;
	background-position:center;
	resize:both;
	overflow:auto;
	width:100%;
	height:200px;
}