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

just logged in to share this super quick, and hopefully minimal changing fix

in you style, simply set min-height to 1px or 1rem

    ...
    



    
        

            
...
            
...
            

        

Have confirmed this works and nothing changes on Chrome in mobile phone and tablet screens.