Estou tentando colocar a imagem do lado do texto assim como é no projeto do curso, mas não estou conseguindo.
background-color: #FBC5C5;
color: #377D71;
font-size: 16px;
font-weight: 400;
}
*{
margin: 0;
padding: 0;
}
strong{
color: #8879B0
}
.principal{
background-image: url("img/principal.png");
background-repeat: no-repeat;
background-size: contain;
align-items: center;
text-align: center;
}
.imagem{
height: 50vh;
display: grid;
grid-template-columns: 50% ;
}
.botao{
background-color: #8879B0;
border-radius: 5px;
padding: 1em;
color: white;
display: block;
text-decoration: none;
margin-bottom: 1em;
}´´´
