Container queries size components by their parent

Mark the parent with container-type: inline-size, then query it:

.card-wrap { container-type: inline-size; }
@container (min-width: 30rem) {
  .card { display: grid; }
}