.grid {
	display: grid;
	grid-template-columns: 100%;
}

@media (min-width: 600px) {
	.grid {
		grid-template-columns: 50% 50%;
	}
}

@media (min-width: 900px) {
	.grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.