When the screen width is too small (e.g. view in mobile device), some large image may overflow.
To fix this, I make the img becomes max-width: 100%; when media screen is below 992px. 992px is Medium Devices Desktops in Bootstrap. Hopefully only 1 line of css for this break-point is not too rare.
p.s. Put the line in max-width: 480px is not enough. And, for medium devices, fixing a certain width for images may be too small. That's why I make it 100%.
benbalter
commented
7 years ago
When the screen width is too small (e.g. view in mobile device), some large image may overflow.
To fix this, I make the img becomes
max-width: 100%;when media screen is below 992px. 992px is Medium Devices Desktops in Bootstrap. Hopefully only 1 line of css for this break-point is not too rare.