CSS Container Queries - The New Standard

Container queries allow us to style elements based on the size of their parent container rather than the viewport.

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

@container (min-width: 400px) {
  .card {
    display: flex;
  }
}