JSFiddle - React, Tailwind, and code Playground

by karthick Chandran

HTML

<div class="fluid-container">
    <div id="app-row" class="row">
        <div id="app" class="col-xs-5">
            <div class="top-navbar">
            Top
            </div>
            <div class="bottom-navbar">
            Bottom
            </div>
        </div>
        <div id="map-container" class="col-xs-7">
            <div id="map"></div>
        </div>
    </div>
</div>

CSS

.top-navbar, .bottom-navbar{
    position:fixed;
    background-color:#f00;
   
   
}
.bottom-navbar{bottom:0}