2020/08/28

10 dicas de alinhamento CSS

Alinhar coisas numa página HTML adaptável, mesmo em layouts complexos, é algo que por vezes pode ser feito com uma única linha CSS.

Dedicado a todos aqueles que em tempos desesperaram a criar / optimizar páginas HTML à mão, com enorme sofrimento para manter todas as coisas devidamente alinhadas para todos os tipos de ecrã, temos hoje um excelente vídeo que mostra 10 dicas para fazer alinhamento de layouts com uma única linha de CSS.

Muitas delas recorrem ao imensamente versátil display: grid, que nos faz relembrar como é que em tempos chegou a ser comum recorrer a tabelas HTML para efeitos de layout de páginas - o que até dá arrepios! :)

É incrível ver o que se consegue fazer com um pouco de CSS nos browsers modernos.

1 comentário:

  1. Excelente post. O display: grid faz coisas brutais. Não costumava utilizar, mas depois disto acho que vou usar e abusar :)

    ResponderEliminar