Quando estou a construir um site, como posso garantir que os textos e a estrutura se adaptem corretamente a diferentes tamanhos de ecrã e configurações de acessibilidade do utilizador, em vez de ficarem estáticos?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Quando estou a construir um site, como posso garantir que os textos e a estrutura se adaptem corretamente a diferentes tamanhos de ecrã e configurações de acessibilidade do utilizador, em vez de ficarem estáticos?
Olá, Glisan! Tudo bem?
Que ótimo ver você trazendo essa questão sobre o design responsivo para o nosso fórum!
Com o que você descreveu, o segredo para evitar páginas estáticas está no uso correto de unidades de medida relativas. Uma dica prática é priorizar o uso de REM para os textos e espaçamentos, pois essa unidade se baseia no tamanho da fonte padrão do navegador, respeitando diretamente as configurações de acessibilidade e preferências de tamanho do utilizador.
Para a estrutura dos elementos e blocos do site, aplique larguras em percentagem ou utilize Flexbox e CSS Grid, o que garante um comportamento fluido que se molda a diferentes tamanhos de ecrã automaticamente. Para visualizar esses conceitos funcionando na prática, veja este exemplo interativo: Web Design Adaptável no CodePen.
Quais dessas propriedades você já tentou aplicar na sua estrutura atual do projeto para torná-lo mais flexível?
Um abraço.