1. Ajustando a altura da tela com CSS
body { height: 100vh; }
2. Controlando o Overflow com Box Sizing
body { height: 100vh; box-sizing: border-box; }
3. Criando um layout sem scroll
body { display: flex; justify-content: center; align-items: center; height: 100vh; width: 100%; }
4. Flexbox: alinhando textos e imagens
main { display: flex; justify-content: space-between; align-items: center; padding: 20px; }
5. Flexbox: Centralização vertical
.container { display: flex; align-items: center; }
6. Flexbox: responsividade e alinhamento
.container { display: flex; flex-wrap: wrap; }
