/*https://www.youtube.com/watch?v=leoG0qRaFDI*/



.container-1{
	display:flex;
	width: 90%;
	margin: 0 auto;
	flex-wrap: wrap;
}	



.box-1{
	display: block; /*don't understand this*/
	flex-basis: 100%;
	padding: 10px;
	box-sizing: border-box; /*don't understand this: ensure padding doesn't cause images to wrap, it should be within the width rather than in addition*/
	
}

@media only screen and (min-width: 900px) {
	.box-1{
		flex-basis: 50%;
	}
}

@media only screen and (min-width: 1350px) {
	.box-1{
		flex-basis: 33.333%;
	}
}
@media only screen and (min-width: 1800px) {
	.box-1{
		flex-basis: 25%;
	}
}