forked from dougsillars/dougsillars.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresponsive.html
21 lines (19 loc) · 3.21 KB
/
responsive.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<picture>
<source media="(max-width: 200px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_200,e_sepia:80/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg">
<source media="(max-width: 371px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_371/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg">
<source media="(max-width: 496px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_496,e_sepia:80/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg">
<source media="(max-width: 598px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_598/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg">
<source media="(max-width: 693px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_693,e_sepia:80/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg">
<source media="(max-width: 786px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_786/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg">
<source media="(max-width: 863px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_863,e_sepia:80/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg">
<source media="(max-width: 946px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_946/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg">
<source media="(max-width: 1024px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_1024,e_sepia:80/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg" >
<source media="(max-width: 1100px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_1100/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg">
<source media="(max-width: 1163px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_1163,e_sepia:80/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg" >
<source media="(max-width: 1238px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_1238/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg" >
<source media="(max-width: 1306px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_1306,e_sepia:80/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg ">
<source media="(max-width: 1370px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_1370/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg">
<source media="(max-width: 1398px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_1398,e_sepia:80/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg" >
<source media="(max-width: 1400px)" sizes="100vw" srcset="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_1400/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg" >
<img width = "100%" src="http://res.cloudinary.com/hackchallenge/image/upload/q_auto,c_scale,w_1400,e_sepia:80/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg">
</picture>