Responsive Images

Responsive Images: Responsive Images: max-width, object-fit and srcset.

Updated November 10, 2026

1. Responsive Images: max-width, object-fit and srcset (Journeyman): Make pictures fit any screen with max-width, aspect-ratio and object-fit in CSS, and send each screen a picture of the right size and crop with srcset, sizes, picture and lazy loading in the HTML.