Skip to content

← Examples

Layout with container queries

The card changes layout based on container width, not the viewport.

CSSadvanced
  • container-queries
  • responsivo
  • moderno

Diferente de media queries, @container responde ao tamanho do pai — ideal para componentes reutilizáveis.

HTML
CSS
Live preview