greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/portuguese/certifications/responsive-web-design/responsive-web-design-princ.../make-an-image-responsive/index.md

511 B
Raw Blame History

title localeTitle
Make an Image Responsive Faça uma imagem responsiva

Faça uma imagem responsiva

Seguindo as instruções:

Adicione regras de estilo para a tag img para torná-lo responsivo ao tamanho de seu contêiner. Ele deve exibir como um elemento de nível de bloco, ele deve caber toda a largura de seu contêiner sem esticar e deve manter sua proporção original.

o estilo se torna:

<style> 
  img { 
  max-width: 100%; 
  display: block; 
  height: auto; 
 } 
 </style>