Skip to content

Instantly share code, notes, and snippets.

@matallo

matallo/gist:3f24cf9387cec8131d1b3a7f86bd2c28

Created May 17, 2018 18:00
Show Gist options
  • Save matallo/3f24cf9387cec8131d1b3a7f86bd2c28 to your computer and use it in GitHub Desktop.
Save matallo/3f24cf9387cec8131d1b3a7f86bd2c28 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<img srcset="http://res.cloudinary.com/matallin/image/upload/ar_16:9,c_fill,w_280/v1526506792/25720441604_9c26662678_o.jpg 280w,
http://res.cloudinary.com/matallin/image/upload/ar_16:9,c_fill,w_360/v1526506792/25720441604_9c26662678_o.jpg 360w,
http://res.cloudinary.com/matallin/image/upload/ar_16:9,c_fill,w_520/v1526506792/25720441604_9c26662678_o.jpg 520w,
http://res.cloudinary.com/matallin/image/upload/ar_16:9,c_fill,w_560/v1526506792/25720441604_9c26662678_o.jpg 560w,
http://res.cloudinary.com/matallin/image/upload/ar_16:9,c_fill,w_720/v1526506792/25720441604_9c26662678_o.jpg 720w,
http://res.cloudinary.com/matallin/image/upload/ar_16:9,c_fill,w_1040/v1526506792/25720441604_9c26662678_o.jpg 1040w"
sizes="(max-width: 560px) 520px, (max-width: 800px) 360px, 280px"
src="http://res.cloudinary.com/matallin/image/upload/v1526506792/25720441604_9c26662678_o.jpg"
alt="{{ post.title }}">
<picture>
<source media="(max-width: 560px)"
srcset="http://res.cloudinary.com/matallin/image/upload/ar_16:9,c_fill,w_520/v1526506792/25720441604_9c26662678_o.jpg 520w, http://res.cloudinary.com/matallin/image/upload/ar_16:9,c_fill,w_1040/v1526506792/25720441604_9c26662678_o.jpg 1040w">
<source media="(max-width: 800px)"
srcset="http://res.cloudinary.com/matallin/image/upload/ar_16:9,c_fill,w_360/v1526506792/25720441604_9c26662678_o.jpg 360w, http://res.cloudinary.com/matallin/image/upload/ar_16:9,c_fill,w_720/v1526506792/25720441604_9c26662678_o.jpg 720w">
<source srcset="http://res.cloudinary.com/matallin/image/upload/ar_16:9,c_fill,w_280/v1526506792/25720441604_9c26662678_o.jpg 280w, http://res.cloudinary.com/matallin/image/upload/ar_16:9,c_fill,w_560/v1526506792/25720441604_9c26662678_o.jpg 560w">
<img src="http://res.cloudinary.com/matallin/image/upload/v1526506792/25720441604_9c26662678_o.jpg"
alt="{{ post.title }}">
</picture>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment