JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /> 
    <meta name="apple-mobile-web-app-capable" content="yes" /> 
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 
    <title>Auto Shack</title> 
        <script type="text/javascript" src="http://cubiq.org/dropbox/iscroll/iscroll.js?v3.7.1"></script> 
        <script type="text/javascript"> 
        var myScroll;
        var a = 0;
        function loaded() {
            //setHeight();    // Set the wrapper height. Not strictly needed, see setHeight() function below.
        
            // Please note that the following is the only line needed by iScroll to work. Everything else here is to make this demo fancier.
            myScroll = new iScroll('scroller1', {desktopCompatibility:true});
            //myScroll2 = new iScroll('scroller2', {desktopCompatibility:true});
 
        }
        
        
        // Prevent the whole screen to scroll when dragging elements outside of the scroller (ie:header/footer).
        // If you want to use iScroll in a portion of the screen and still be able to use the native scrolling, do *not* preventDefault on touchmove.
        document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
        
        // Load iScroll when DOM content is ready.
        document.addEventListener('DOMContentLoaded', loaded, false);
 
        </script>
        
        <style type="text/css"> 
            body,ul,li{margin:0;padding:0;font-size:11px;}form input{border:1px solid #666;margin:3px 0;vertical-align:middle;}
            body
            {
               ...