JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<div id="container"> This is main conatainer
<div id="leftcol"> This is left column</div>
<div id="rightcol"> This is Right Column</div>
    </div>
<div id="footer"> This is footer</div>
</body>

CSS

body {
    font-family: 'Rokkitt', Georgia, serif;
    font-size: 16px;
    background-color: #FFFFFF;
    line-height: 1.3em;
    height: auto;
    color: #252525;
    }

#container {
    display: inline-block;
    
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    
    background-color: #ddd;
    width: 100%;
    
    }

#leftcol {
    display: block;
    float: left;
    margin: 20px 5px 5px 15px;

    
    
    padding-bottom: 20px;
    width: 100px;    
    height: 200px;
    background-color: #FF0;
    }

#rightcol {
    
    float: right;
    margin: 30px 5px 5px 100px;
    


    background-color: #F0F;
    height: 200px;
    width: 100px;    
    }

#footer {
    position: fixed;
    bottom: 0;
    
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    
    background-color: #0F0;
    width: 100%;
    }