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 */
}

Similar codes

0 vote253 views1 answer
CSS fluid type sizing based on viewport
CSS
4 votes258 views2 answers
Transform scale
CSS
16 votes255 views4 answers
Arrow down css
CSS
0 vote262 views1 answer
How to change the position of a button in css
CSS
1 vote255 views2 answers
Change nav background color on scroll css without bootstrap
CSS
3 votes208 views1 answer
Css vendor prefix
CSS
17 votes272 views3 answers
How to set div background image
CSS
0 vote268 views1 answer
Install webpack encore
CSS
0 vote280 views1 answer
How to set the scroll in bootstrap4 table body
CSS
10 votes264 views2 answers
How to include one css file in another
CSS