Responsive Image In Css

by
responsive image in css
.responsive_img {
width: 100%;
height: auto;
object-fit: cover;
/* Prevent the image from stretching. So it crops the image to prevent from awkward stretching */
}
CSS Responsive Image
<style>
#imgx img {
float:left;
margin:2px;
border-radius:7px;
display: block;
max-width:100%;
height:auto;
width:100%;
}
</style>




<div id="imgx" class="col-xs-12 col-sm-12" style="padding-bottom:5px;">

Leave a Comment