1 Ajustando a altura da tela com CSS
body{ height: 100vh; }
2 Controlando o tamanho de elementos com Box Sizing
body{ height: 100vh; box-sizing: border-box; }
3 Criando um layout sem scroll
body { height: 100vh; box-sizing: border-box; display: flex; align-items: center; }
4 Flexbox: alinhando textos e imagens
Texto aqui...
.container { display: flex; align-items: center; justify-content: space-between; }
5 Flexbox: Centralização vertical
Item 1
Item 2
.container { display: flex; align-items: center; height: 300px; }
6 Flexbox: responsividade e alinhamento
Conteúdo 1
Conteúdo 2
.responsivo-container { display: flex; flex-direction: column; flex-wrap: wrap; }
