JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/enyojs/layout/master/fittable/source/package.js"></script>
<script src="https://raw.github.com/enyojs/layout/master/panels/source/package.js"></script>
<link rel="stylesheet" href="http://enyojs.com/enyo-2.0b5/enyo.css">

JavaScript

enyo.kind({
    name:"ex.App",
    kind:"Control",
    classes:"enyo-fit",
    components:[
        {kind: "FittableRows", classes: "enyo-fit", components: [
            {kind: "Panels", fit: true, components: [
              //  {kind:"Control", content:"panel 1"},
               // {kind:"Control", content:"panel 2"},
                {kind: "FittableRows", classes:"enyo-fit", components: [
                    {kind: "FittableColumns", components: [
                   		{/*tag: "div",*/kind: "Scroller", fit: true, /*style="width: 50%, overflow-x:hidden; overflow-y:auto;"*/, components: [
                        	{kind:"Repeater", count:100, components:[
                            	{kind:"Control", content:"Item1"}
                        	]}
                    	]},
                    //    ]},
                   //     {kind: "FittableRows", /*classes:"enyo-fit",*/ style: "width: 50%", components: [
                        //	{kind: "Scroller", fit: true, style: "width: 50%", components: [
                        //		{kind:"Repeater", count:10, components:[
                         //   		{kind:"Control", content:"Item2"}
                        //		]}
                    	//	]},
                    //    ]},
              //      {kind:"Control", content:"footer"}
                    ]},
                ]},
            ]}
        ]}
    ]
});

new ex.App().renderInto(document.body);