Skip to content

Instantly share code, notes, and snippets.

@berkeleycole

berkeleycole/index.html

Created August 22, 2019 03:50
Show Gist options
  • Save berkeleycole/1b5a1932c147c80891b1c6030154a632 to your computer and use it in GitHub Desktop.
Save berkeleycole/1b5a1932c147c80891b1c6030154a632 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. berkeleycole created this gist Aug 22, 2019.
    9 changes: 9 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    <img src="my-awesome-image.png"
    alt="something awesome"
    srcset="my-awesome-image.png 100w, my-awesome-image.png 500w, my-awesome-image.png 1000w"
    sizes="(min-width: 900px) 1000px,
    (max-width: 900px) and (min-width: 400px) 50em,
    ( not (orientation: portrait) ) 300px,
    ( (orientation: landscape) or (min-width: 1000px) ) 50vw,
    100vw"
    />