JSFiddle - React, Tailwind, and code Playground

by Yair Even Or

HTML

<ul>
    <li><img...

SCSS

html, body{ height:100%; }
*{ margin:0; padding:0; }

ul{ white-space:nowrap; font-size:0; height:100%;
    > li{ display:inline-block; vertical-align:top; height:100%; margin:0 5px;
        > img{ display:block; height:100%; } 
    }
}

JavaScript

(function(){
	$(window).on('resize.repaint', _.throttle( doRepaint, 1000)).trigger('resize.repaint');

	function doRepaint(){
        alert(1);
		document.documentElement.style.height = '0';
		setTimeout(function(){
			document.documentElement.style.height = '100%';
		},0);
	}
})();