Medidas que acompanham a leitura

Vamos descobrir juntos

1. 1

   Px é um pixel CSS, não necessariamente um pixel físico da tela. Rem se relaciona ao tamanho da fonte raiz; em depende do contexto da propriedade. Nesta trilha, 1rem vale 16px apenas quando a fonte raiz efetiva é 16px.

2. 2

   Use line-height sem unidade, como 1.6, para multiplicar o tamanho da fonte do elemento. Max-width limita linhas muito longas; ch aproxima a largura do caractere zero da fonte e não conta letras reais de uma frase.

3. 3

   Prefira altura automática para cartões com texto. Height fixo pode cortar traduções ou texto ampliado. Overflow-wrap:anywhere ajuda com sequências longas, mas esconder tudo com overflow:hidden não resolve uma informação cortada.

4. 4

   Altere a fonte e a largura, mantendo todo o conteúdo visível. Na oficina, rem pertence ao documento da prévia. No arquivo local, teste também zoom real do navegador e aumento de texto; uma captura estreita não cobre todos esses cenários.