找出容器查询卡片里的 bug

来自 响应式网页设计
Media Queries Level 5 / CSS Containment Level 3 进阶 4分钟 找出 1处问题

为什么这段生成代码中的卡片始终不会切换成两列?

CSS
.card-host {
  width: 40rem;
}

.card {
  display: grid;
  grid-template-columns: 1fr;
}

@container card (width >= 30rem) {
  .card { grid-template-columns: 10rem minmax(0, 1fr); }
}
在试验场中打开
报告错误