Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Usando o elemento position: absolute deixando o site mais responsivo.

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?

1 resposta
solução!

Bruno ,

bela observação essa é uma preocupação válida nos dias atuais .

utilizando o position:absolute , será necessário encontrar a melhor posição para ele se encaixar na tela de qualquer dispositivo e nesse caso teremos que colocar medidas no top , bottom , left e rigth que se encaixa melhor .

lembrando que teremos que arrumar atraves de porcentagem . para conseguir encaixar melhor na tela .

mais para frente você aprenderar outros modos de posicionar elementos na tela , como trasform , e flexbox.

espero ter ajudado , bons estudos