Olá a todos.
Estava vendo a aula sobre os Elementos onde queremos
e achei bem interessante esse atributo position
no entanto, eu reparei que os elementos tendem a se adaptar ao tamanho da tela, essa é basicamente a essência de um site responsivo, você consegue ver o conteúdo independente de ser numa tela de computador ou celular.
No entanto, quando é utilizado o atributo position: absolute
na imagem, a mesma deixa de ser responsiva, o que ocasionalmente acaba por fazer com que ela fique por cima do conteúdo quando abrimos o site numa tela menor, ou mesmo quando usamos a janela sem está maximizada. A imagem não se ajusta automaticamente.
Como esse problema poderia ser contornado nessa situação para deixar o site mais responsivo e ao mesmo tempo manter essa aparência?