[Projeto] 09 Mão na massa

1. Ajustando a altura da tela com CSS

body {
    height: 100vh;
}

1. Controlando o Overflow com Box Sizing

body{
    height: 100vh;
    box-sizing: border-box;
    background-color: #000000;
    color: #F6F6F6;
}

1. Criando um layout sem scroll

body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
}

1. Flexbox: alinhando textos e imagens

.container {
    display: flex;
    justify-content: space-between;
    /* Outras propriedades de estilo que você desejar */
}

.texto {
    /* Estilize o bloco de texto conforme necessário */
}

.imagem {
    /* Estilize a imagem conforme necessário */
}

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;
}