JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=9">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="novigator.css" rel="stylesheet" />
    <link href="responsive.css" rel="stylesheet" />
      <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
        <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
    <![endif]-->
    </head>
    <body>
        <div id="header"></div>
        <div class="" id="sidebar">sidebar</div>    
        <div class="" id="content">
        <div id="map_canvas" style=" border-top: none; width :100%;"></div>content
        </div>
</body>
</html>

CSS

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#header {
    height: 116px;
    background-color: #333;
}

#sidebar, #content {
    position: absolute;
    top: 7.2em;
    bottom: 0;
    overflow: auto;
}

#sidebar {
    width: 392px;
    overflow-x: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    z-index: 999;
    overflow: hidden;
	background-color: red;
	
}
#map_canvas {background-color: green;}
#content {
    overflow: hidden;
    left: 24em;
    right: 0;
	background-color: green;
}

#map_canvas {
    height: 100%;
}

@media only screen and (max-width: 768px) {
    body {
        padding-bottom: 40px !important;
    }
    .box {
        width: 100%;
        }
    #sidebar {
        width: 100%;
        overflow-x: hidden;
        box-shadow: none;
        z-index: auto;
    }

    #sidebar, #content {
            bottom: auto;
            position: static;
    }

    #content {
        overflow: visible;
        left: auto;
        right: auto;
        height: 100%;
    }

}