JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myheader">
  </div>
  <div class="content">
  <div class="left_side">
  </div>
  <div class="right_side">
  </div>
  <div class="footer">
  </div>
      <div class='fill'></div>

CSS

.myheader{
float:left;
width:100%;
height:190px;
background: #fff url('http://www.adaptivedevelopment.com/wordpress/images/home-page-slider/all-arrows.png') repeat scroll 0 0;
}

.content{
float:left;
background: #fff url(http://www.adaptivedevelopment.com/wordpress/images/home-page-slider/one-arrow.png) repeat scroll 0 0;
height:auto;
margin-left:120px;
width:1100px;
}

.left_side{
width:800px;
float:left;
}

.right_side{
width:300px;
height:500px;
background-color:yellow;
position:fixed;
bottom:0;
right:0;
}

.fill
{
    height:800px;
    width:600px;
    background-color:green;
    
}