JSFiddle - React, Tailwind, and code Playground

by Manawe

HTML

<div id = "holder">
    <div id = "leftSection">
        <span class="cookies">Banana</span>
    </div>
    <div id = "rightSection"></div>
</div>

CSS

body, html {
    height: 100%;
    color: #D2D2D2;
    /*Background from http://lea.verou.me/css3patterns/#carbon */
    background:
    linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
    linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;
    background-size: 20px 20px;
}
#holder {
    height: 30%;
    width: 70%;
    margin: auto;
    margin-top: 2%;
    background: #1b1b1b;
    opacity: 0.9;
    border: 1px solid #1b1b1b;
    display: block;

}
#leftSection {
    height: 98%;
    width: 50%;
    float:left;
}
#rightSection {
    height: 98%;
    width: 50%;
    float:right;
}

JavaScript

var Game = new Object();
Game.GenerateMarihuanen = function(){

}