Image In Html Not Responsive

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 */
}
image in html not responsive
<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;">
<?php echo $text_content_with_image; ?>
</div>

LEAVE A REPLY

Please enter your comment!
Please enter your name here