Código para poner imágenes en Responsive

[abarroso91]

Buenas tardes a ver si alguien me puede ayudar, tengo 3 imágenes que no sé como ponerlas en responsive para que se vean bien en el móvil. el código que ahora mismo tengo es:

 

<div class="products_block">
<h4 class="page-subheading"><span class="title">Entradas Recientes BLOG</span></h4>
<div class="row">
<div class="item-container col-md-3 col-sm-6 col-xs-12">
<div class="blog-image"><a title="" href="#"> <img class="item_thumb" src="http://naturalezanimal.es/img/cms/BLOG/bloggif_57d3b7d7634af.jpeg" alt="" /> </a></div>
<div class="blog-title"><a title="" href="#">CÓMO ENTRENAR A TU PERRO </a></div>
<div class="blog-descrition thumbnails">
<div class="item_descrition">Aliquam magna odio, dignissim facilisis aliquam sed,...</div>
<div class="blog-datemore">
<div class="blog-date"><span class="fa fa-clock-o">2013-11-08</span></div>
<div class="blog-viewmore"><a href="#">view more</a></div>
</div>
</div>
</div>
<div class="item-container col-md-3 col-sm-6 col-xs-12">
<div class="blog-image"><a title="" href="#"> <img class="item_thumb" src="http://naturalezanimal.es/img/cms/BLOG/bloggif_57d3b95913e97.jpeg" alt="" /> </a></div>
<div class="blog-title"><a title="" href="#">ALIMENTACIÓN DE LOS AGAPORNIS</a></div>
<div class="blog-descrition thumbnails">
<div class="item_descrition">Aliquam magna odio, dignissim facilisis aliquam sed,...</div>
<div class="blog-datemore">
<div class="blog-date"><span class="fa fa-clock-o">2013-11-08</span></div>
<div class="blog-viewmore"><a href="#">view more</a></div>
</div>
</div>
</div>
<div class="item-container col-md-3 col-sm-6 col-xs-12">
<div class="blog-image"><a title="" href="#"> <img class="item_thumb" src="http://naturalezanimal.es/img/cms/BLOG/bloggif_57d3b964eeacd.png" alt="" /> </a></div>
<div class="blog-title"><a title="" href="#">EL CUIDADO DEL PELO DEL GATO</a></div>
<div class="blog-descrition thumbnails">
<div class="item_descrition">Aliquam magna odio, dignissim facilisis aliquam sed,...</div>
<div class="blog-datemore">
<div class="blog-date"><span class="fa fa-clock-o">2013-11-08</span></div>
<div class="blog-viewmore"><a href="#">view more</a></div>
</div>
</div>
</div>
</div>
</div>

[Gabriel Perez]

Buenas tardes.

 

Por el código que has puesto, no veo cual es el problema. 

Exactamente que es lo que te sucede?

[abarroso91]

Pues que cuando veo la imágen en el móvil, se ven mal, no se ponen en responsive métete en la web con el movil www.naturalezanimal.es y lo ves, tengo todas las  img responsive menos esa.

 

Gracias por la ayuda

[Gabriel Perez]

Si te refieres al estiramiento que sufren las imagenes, simplemente te faltaria un height:auto.

[Fabry]

Esatto deve añadir esta linha de codigo neste file css:

 

http://naturalezanimal.es/themes/ap_office/css/modules/leomanagewidgets/assets/styles.css

 

em corrispodencia desta classe:

 

.item-container .blog-image .item_thumb

 

añadir: Height: auto;

 

sorry for my bad spanish:-)...

[abarroso91]

Perfecto Muchísimas gracias por vuestra ayuda.