CSS-трюк: container queries

Вместо media queries для размера экрана — container queries для размера родителя.

@

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

}
}

Отлично подходит для компонентов в разных контекстах.