JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <div class="container">
        <div id="renderbody">
            <div id="renderbody-inner">
                <div class="container-fluid">
                  <!--Rendering body content here-->
                  <div style="height:200px; background-color:darkgrey">
                  
                  </div>
                </div>
            </div>
        </div>
    </div>

CSS

#renderbody {
    margin: 1.5em auto 2em auto;
    background: #ffffff;
    -webkit-box-shadow: 0 0 10px #c1c1c1;
    -moz-box-shadow: 0 0 10px #c1c1c1;
    box-shadow: 0 0 10px #c1c1c1;
    border-radius: 4px;
}

#renderbody-inner {
    width: 95%;
    margin: auto;
    padding: 1em 0 2em 0;
    background: #ffffff;
}

body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 20%, #eaebeb 40%);
    /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 20%, #eaebeb 40%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #eaebeb));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 20%, #eaebeb 40%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #FFFFFF 20%, #eaebeb 40%);
}