Assim ficou meu código, preferi usar o scss, a falta de chaves no sass ainda me deixa desconfortável kkkk.
@import '../abstract/variaveis';
.destaque {
display: flex;
padding: 2rem;
justify-content: center;
align-items: center;
.destaque__img {
width: 30%;
img {
width: 100%;
}
}
.destaque__texto {
width: 30%;
line-height: 1.5rem;
border-left: 6px solid $cor-primaria;
h3 {
font-size: $tamanho-do-texto/2;
color: $cor-primaria;
font-weight: bold;
}
h4 {
font-size: $tamanho-do-texto/2.5;
color : $cor-primaria;
padding-bottom: 0.5rem;
}
p {
font-size: $tamanho-do-texto/3;
font-weight: 300;
line-height: 1.25rem;
}
h3, h4, p {
padding-left: 1rem;
}
}
}
E esse foi o resultado final