Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Utilização do position:relative;

Sei que este tema já foi dado em outras aulas mas não entendi como o position: relative foi capaz de colocar as apas atras do texto.

3 respostas
solução!

Fala aí Marcelo, tudo bem? Na verdade quem foi capaz por posicionar as aspas foi o position: absolute.

Quando foi adicionado o position: absolute no ::before do .citacao-bio, ele irá se posicionar de forma relativa ao elemento que tenha algum position diferente de static.

Para que ele seja posicionado em relação ao .citacao-bio foi adicionado o position: relative, dessa maneira não irá mudar nenhuma posição do elemento (continuara o mesmo) e irá servir para base do ::before.

Para um melhor entendimento sobre o assunto, dá uma olhada no vídeo do Marco:

Espero ter ajudado.

Obrigado pela explicação e pelo vídeo!

Mágina, sempre que precisar não deixe de criar suas dúvidas.

Abraços

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software