JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top_full_bar">
      <div id="top_bar_left">
      </div>
    </div>

    <div id="top_bar_line">
    </div>

    <div id="left_menu">
    </div>

    <div id="right">
    </div>

CSS

body{
   height: 100%;
}

html {
   height: 100%;
}

#top_full_bar {
   width: 100%;
   height: 50px;
   background-color: #4d7496;
}

#top_bar_line {
   width: 100%;
   height: 4px;
   background-color: #2a4053;
}

#top_bar_left {
   width: 35%;
   height: 50px;
   background-color: #2a3;
   float: left;
}

#left_menu {
   min-height: 100%;
   width: 35%;
   background-color: #abc;
   float: left;
}

#right {
   min-height: 100%;
   width: 65%;;
   background-color: #a2c;
   float: right;
}