Responsive Komponente mit Container Query

.card-wrapper { container-type: inline-size; }
.card { display: grid; gap: 1rem; }
@container (min-width: 520px) {
  .card { grid-template-columns: 180px 1fr; }
}