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

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.

![Cheat sheet: Responsive Images: max-width, object-fit and srcset](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/009ce66f8fbd4b7ea5d4d4ce53ccfd4c.webp)

- Category: CSS
- Level: Journeyman
- Tags: <picture>, Aspect ratio, CSS, object-fit, Responsive image, sizes, srcset, web-development
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-responsive-images-cheat-sheet