1-
body {
height:100vh;
}
2-
body {
height: 100vh;
box-sizing: border-box;
padding: 5px;
}
3-
body {
height: 100vh;
box-sizing: border-box;
display: flex;
align-items: center;
4-
.container {
height: 100vh;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
5-
<div class="container">
<div>Bala</div>
<div>Chocolate</div>
</div>
.container {
display: flex;
align-items: center;
height: 300px;
6-
<div class="responsivo-container">
<div>Matemática</div>
<div>História</div>
<div>Geografia</div>
</div>
.responsivo-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!