Last active
December 28, 2023 02:03
-
-
Save simonhlee97/5c0d342e487f31d891d5d5ca7f833fa3 to your computer and use it in GitHub Desktop.
responsive images using srcset
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <img srcset="large.jpg 1024w, | |
| medium.jpg 640w, | |
| small.jpg 320w" | |
| sizes="(min-width: 36em) 33.3vw, | |
| 100vw" | |
| src="small.jpg" | |
| alt="A rad wolf" | |
| /> | |
| <!-- common image sizes | |
| large.jpg (1024 × 768 pixels) | |
| medium.jpg (640 × 480 pixels) | |
| small.jpg (320 × 240 pixels) | |
| --> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment