As media queries do CSS estão saindo, e as container queries estão chegando

 (tomquinonero.com)
6 pontos por xguru 2021-10-01 | 1 comentários | Compartilhar no WhatsApp

  • Ao criar páginas responsivas, a abordagem muda com base no tamanho do contêiner, e não no tamanho da tela

  • A especificação ainda está em estágio inicial

  • No Chrome, há suporte apenas com flag ativada, mas é possível aplicar antecipadamente em todos os navegadores com o polyfill CQFill

@container (min-width: 600px) {

    .card {

        display: flex;

    }

}

Leituras relacionadas

1 comentários

 
xguru 2021-10-01

As media queries do CSS vão embora e as container queries chegam

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries