* {
	padding: 0;
	margin: 0;
}

.gallery {
	padding: 10px;
	max-width: 1100px;
	margin: 0 auto;
	background: #f2f2f2
	display: grid;
	grid-gap: 10px;
	grid-template-areas: repeat(auto-fit,minmax(250px,1fr));
	grid-auto-rows: 250px;
	grid-auto-flow: dense;
	
}

.v-stretch{
	grid-row: span 2;
}

.h-stretch{
	grid-column: span 2;
}

.big-stretch{
	grid-row: span 2;
	grid-column: span 2;
}

.gallery div img{
	width: 100%;
	hight: 100%;
	object-fit: cover;
}

@media(max-width : 750px )
{
	.v-stretch{
		grid-row: span 1;
	}
	.v-stretch{
		grid-column: span 1;
	}
	
	.big-stretch{
		grid-colmn: span 1;
		grid-row: span 1;
	}
}