Dev_Playbook

Valor mínimo: Nunca seja menor que 2.8rem
Valor ideal (responsivo): Use 8vw (8% da largura da tela)
Valor máximo: E nunca seja maior que 6rem

Responsividade fluida com CSS moderno

Nem toda responsividade precisa ser feita com media queries.

Algumas propriedades modernas permitem que elementos se adaptem automaticamente ao tamanho da tela, reduzindo a necessidade de breakpoints.

Permite que o tamanho do texto se adapte à tela dentro de limites definidos.

font-size: clamp(2.8rem, 8vw, 6rem);

O que significa:

Limita a largura do texto com base no número de caracteres por linha.

max-width: 42ch;

text-wrap: balance;