JSFiddle - React, Tailwind, and code Playground

by swesh

HTML

<script src="https://raw.githubusercontent.com/scottjehl/picturefill/master/dist/picturefill.min.js"></script>   
            <div style="height:100px">
            
            </div>
            
            <picture>
            <source media="(min-width: 1024px)" srcset="https://static.pexels.com/photos/34950/pexels-photo.jpg">
            <source media="(min-width: 768px)" srcset="https://ak.picdn.net/assets/cms/97e1dd3f8a3ecb81356fe754a1a113f31b6dbfd4-stock-photo-photo-of-a-common-kingfisher-alcedo-atthis-adult-male-perched-on-a-lichen-covered-branch-107647640.jpg">
            <img src="https://static.pexels.com/photos/34950/pexels-photo.jpg" alt="OPENING HOURS AND DIRECTIONS"></picture>

JavaScript

alert(window.innerHeight);