#grid{
	display: grid;
	grid-template-columns:200px 600px 100px;
	grid-template-rows:150px 400px;
	grid-gap:.5em;
}
.cells{
	border:1px solid #000;
	border-radius:.3em;
	color:#fff;
	font-family: "Times New Roman", serif;
	text-align: center;
	padding:1em;
}
.one{
	background-color:#9E8CF0;
}
.two{
	background-color:#9BE4F9;
}
.three{
	background-color:#0C92B9;
}
.four{
	background-color:#FACC12;
}
.five{
	background-color:#F57383;
}
.six{
	background-color:#A53AD3;
	color:#000;
}
@media screen and (min-width:800px) and (max-width:900px){
	#grid{
		display: grid;
		grid-template-columns:200px 600px;
		grid-template-rows:150px 400px 150px;
	}
}