Imagem Auto Ajustável - Css, Html

Em front-end e web design é comum o desenvolvimento de sites responsivos, ou seja, que se adequam ao tamanho de telas de diversos dispositivos.

Também é constante a necessidade de criar elementos específicos dentro de um site responsivo, como um banner ou imagem que se ajuste automaticamente ao tamanho da "div" onde esta contido(a).

Mostro neste tutorial uma simples alteração de parâmetro dentro da "tag img", que pode não ser a prática mais adotada em desenvolvimento de sites mas pode te ajudar:



Se deseja criar sites ou blogs profissionais, recomendo fortemente que faça um curso, pois isso pode evitar de quebrar a cabeça tentando aprender tudo sozinho(a).