1
body{
height: 100vh;
}
2
body{
box-sizing: border-box;
}
3
body{
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
width: 100%;
}
4
<main class="container">
<p class="texto">Texto aqui...</p>
<img class="imagem">
</main>
.container{
display: flex;
justify-items: space-between;
align-items: space-between;
gap: 1rem;
}
5
.container {
display: flex;
align-items: center;
height: 300px;
}
6
.responsivo-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
