Fala-me sobre o último facto interessante que aprendeste sobre CSS.

No CSS surgiu uma funcionalidade muito interessante — as consultas de container (Container Queries). Elas permitem aplicar estilos não apenas dependendo do tamanho da janela do navegador (como nas media queries), mas também do tamanho do container pai. Isto é especialmente útil para criar componentes responsivos que podem alterar a sua aparência dependendo de onde são utilizados, e não apenas da largura da tela.

Exemplo de uso:

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

@container (min-width: 400px) {
  .card {
    background-color: lightblue;
  }
}

Aqui, .card torna-se um container, e os estilos dentro dele mudam se a largura do container for maior que 400px. Isto abre novas possibilidades para um design modular e responsivo.