.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;
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.