Why does this generated card never switch to two columns?
CSS
.card-host {
width: 40rem;
}
.card {
display: grid;
grid-template-columns: 1fr;
}
@container card (width >= 30rem) {
.card { grid-template-columns: 10rem minmax(0, 1fr); }
}
.card-host {
width: 40rem;
}
.card {
display: grid;
grid-template-columns: 1fr;
}
@container card (width >= 30rem) {
.card { grid-template-columns: 10rem minmax(0, 1fr); }
}