HTML responsive

[fede5426]

Con esto:

Código CSS:

figure{
   margin: 0px 0px 20px 0px;
   max-width: 100%;
}
 

lo que estas indicando es que la etiqueta <figure> tenga un max-width de 100%.. asignale el width a la imagen también para que tenga un tamaño definido, sino la imagen siempre va a ocupar su tamaño por defecto, que son 600px según leí mas arriba.

Es decir, tu css debería quedar asi:

Código CSS:

figure{
   margin: 0px 0px 20px 0px;
   max-width: 100%;
}
 
figure img{
   width:100%;
}
 

Saludos