main { display: block; min-height: 60vh; }

.msc-grid { display: grid; gap: 40px; }
.msc-grid--2 { grid-template-columns: repeat(2, 1fr); }
.msc-grid--3 { grid-template-columns: repeat(3, 1fr); }
.msc-grid--4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1024px) {
	.msc-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.msc-grid--3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.msc-grid--4, .msc-grid--3, .msc-grid--2 { grid-template-columns: 1fr; }
}