Spot the bug in the container-query card

from Responsive web design
Media Queries Level 5 / CSS Containment Level 3 intermediate 4 min 1 issue to find

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); }
}
Open in playground
Report an error