Bom dia, estou tendo dificuldades para alinhar uma sessão ao centro no meu site. Existe uma imagem no meio e uns textos ao redor, não consigo achar uma solução responsiva nem com flex box, nem com os positions, fiz como imagem: https://codepen.io/maylima/pen/RLJgzp
Tentei com Flexbox também: https://codepen.io/maylima/pen/PJaQrP
Vocês poderiam me ajudar nisso?
Olá ailyram, eu coloquei as classes text-graphic com position absolute e então para cada um deles eu posicionei com o top e left percentuais.
Ficou assim o CSS:
.text-graphic-1, .text-graphic-2, .text-graphic-3{
max-width:30%;
text-align:justify;
position: absolute;
}
.text-graphic-1 {
top: 50%;
left: 3%;
}
.text-graphic-2 {
top: 10%;
left: 60%;
}
.text-graphic-3 {
top: 50%;
left: 66%;
}
```Veja se isso resolve.
Oi Fernando, boa tarde! Obrigada ficou boa sua solução, só tenho medo do absolute em outras resoluções dar problema. No mobile a solução vai ser deixar só a imagem sem os textos mesmo.
Obrigada.