# 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](https://www.ask-codey.com/lessons/css-responsive-images) (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.

Source: https://www.ask-codey.com/courses/css-in-depth/topics/css-responsive-images-topic