JSFiddle - React, Tailwind, and code Playground

by William Green

HTML

<div id="projectContainer">
    <div id="toolBarContainer">
        This is the tool bar
    </div>
    <div id="editorContainer"></div>
</div>

CSS

@import url(https://fonts.googleapis.com/css?family=Bree+Serif);
#projectContainer{
    background-color:#333;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
html,body{
    padding:0;
}
#toolBarContainer{
    height:10%;
    width:100%;
    font-size:20px;
    line-height:20px;
    font-family: 'Bree Serif', serif;
}
#editorContainer{
    width:100%;
    height:90%;
    background:red;
}

JavaScript

window.addEventListener('load',function(){
	//page has loaded
});