Planning for Responsive Images
CSS - Tricks
MARCH 13, 2019
The first time I made an image responsive, it was as simple as coding these four lines: img { max-width: 100%; height auto; /* default */ }. Though that worked for me as a developer, it wasn’t the best for the audience. What happens if the the image in the src attribute is heavy? On high-end developer devices (like mine with 16GB RAM), few or no performance problems occur.
Let's personalize your content