移动端适配

div最新布局，里面的布局随着外面的容器宽度变化。

.container {
    container-type: inline-size;
}


@container (min-width: 400px) {
  .card {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
}