bootstrap 4 img-fluid does not change image height

Question

Responsive Images in Bootstrap 4, with class .img-fluid are resized disproportionally. They keep it\'s height even width is shrinking down correctly. That is deforming whole

Answer 1

The problem was I wrapped image in div with class .row which have display property set to flex. once removed this class from parent div image working as expected