Skip to content

Instantly share code, notes, and snippets.

@lahaxearnaud

lahaxearnaud/data-srcset

Created November 6, 2018 07:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lahaxearnaud/f25f4a83c77d2b78a814f4f415469852 to your computer and use it in GitHub Desktop.
Save lahaxearnaud/f25f4a83c77d2b78a814f4f415469852 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
data-srcset
<img alt="Recette simple du Mojito alsacien"
data-src="{{ asset(cocktail.image)|imagine_filter('medium_desktop') }}"
data-srcset="{{ asset(cocktail.image)|imagine_filter('medium_mobile') }} 200w, {{ asset(cocktail.image)|imagine_filter('medium_tablet') }} 400w"
sizes="(min-width: 20em) 35vw, 100vw">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment