@use '../abstract/variaveis'; @use '../abstract/mixins';
#nosso-espaco { @include mixins.margem-central(80%);
.detalhes {
display: inline-flex;
width: 100%;
align-items: center;
justify-content: space-around;
gap: 2rem;
padding: 2rem 0;
.imgs-espaco {
max-width: 500px;
}
.espaco-textos {
max-width: 500px;
.titulo {
@include mixins.ff-fs-cl(
variaveis.$ft-titulos,
1.8rem,
variaveis.$cor-secundaria
);
font-weight: 500;
}
.infos {
@include mixins.ff-fs-cl(
variaveis.$ft-textos,
1rem,
variaveis.$cor-principal
);
margin-top: 1rem;
line-height: 1.6;
}
.separador {
width: 100%;
margin-top: 1rem;
}
}
&:nth-child(2){
flex-direction: row-reverse;
}
}
} o quê eu fiz de errado?