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

1 vote147 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS
0 vote164 views1 answer
Css 2 images side by side to stack
CSS
2 votes156 views5 answers
Css disable input
CSS
0 vote152 views2 answers
Mask image css
CSS
0 vote150 views1 answer
Iphone CSS
CSS
1 vote180 views1 answer
How to set the first column of the table in center in css
CSS
0 vote176 views2 answers
Prevent line break css
CSS
0 vote155 views1 answer
For...of...loop
CSS
2 votes198 views1 answer
Make a quarter of circle css
CSS
0 vote154 views1 answer
Html input type colour internal border
CSS