Skip to content

Instantly share code, notes, and snippets.

@mike-engel

mike-engel/picture.html

Created October 15, 2015 01:17
Show Gist options
  • Save mike-engel/657755379ee1bf905a4f to your computer and use it in GitHub Desktop.
Save mike-engel/657755379ee1bf905a4f to your computer and use it in GitHub Desktop.
Download ZIP
A simple picture example
Raw
picture.html
<picture>
<source srcset="desktop-1024.jpg 1024w, desktop-5000.jpg 5000w" media="(min-width: 1024px)>
<source srcset="mobile-320.jpg 320w, mobile-768.jpg 768w" media="(min-width: 320px)>
<img src="fallback.jpg">
</picture>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment