Microaula em Método CELULA • Prévia Aberta

A página deve funcionar em celular, tablet e desktop sem depender de uma única largura de viewport.

1. Contexto e objetivo

A página deve funcionar em celular, tablet e desktop sem depender de uma única largura de viewport. Design responsivo prioriza conteúdo e fluxo flexível. Media queries devem responder a pontos em que o layout deixa de funcionar, não a modelos específicos de aparelho. Tokens centralizam decisões de cor, tipografia e espaçamento; componentes visuais repetidos precisam compartilhar padrões sem limitar conteúdo.

2. Critérios técnicos

Evite esconder informação essencial em telas pequenas; zoom e texto ampliado também precisam continuar úteis.

3. Laboratório guiado

1. Crie cartões de livro que fluam de uma coluna para uma grade.
2. Use medidas fluidas e uma media query motivada pela leitura do conteúdo.
3. Verifique navegação, busca e cartões em larguras estreita e ampla.

4. Critérios de aceitação

• Fluxo principal atende ao objetivo e permanece verificável.

5. Aplicação e evidência...