exercicios flex box

olá tutores e colegas

1. Ajustando a altura da tela com CSS

body{
height: 100vh;
}

1. Controlando o tamanho de elementos com Box Sizing
   body{
   box-sizing: border-box;
   }

2. Criando um layout sem scroll

Assim como fizemos na aula, inserimos uma classe na tag main

E depois configuramos o CSS:

.apresentacao{
display: flex;
justify-content: center;
align-items: center;

}

1. Flexbox: alinhando textos e imagens

ssim como fizemos na aula, inserimos uma classe na tag main

Texto aqui...

E depois configuramos o CSS:

.container {
display: flex;
justify-content: space-between;
}

1. Flexbox: Centralização vertical

.container {
display: flex;
align-items: center;
height: 300px; /* Altura ajustável conforme necessário */
}

1. Flexbox: responsividade e alinhamento

.responsivo-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}