JSFiddle - React, Tailwind, and code Playground

HTML

<title>Untitled Document</title>
<script src="JS/jquery-2.1.0.min.js"></script>


<link href="../CSS/MainStyles.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div class="container">
<div id="main">
  
  <img src="Images/Banner.png"   />
  </div>
  <div class="sidebar1">
  
  <ul class="nav">
  
  
	
	  
  </ul>

  


	
	
		
<!-- Start of welcoming user-->	
	
<!-- End of welcoming user-->	

	


	
  
    <p> sidebar content.</p>
    <!-- end .sidebar1 --></div>
  <div class="content" id="content1">
   
   
      
   
   
  
    </div>
    <!-- end .content --></div>
  <div class="footer">
    <p>.</p>
    <!-- end .footer --></div>
  <!-- end .container --></div>
</body>
</html>

CSS

.container {
    width: 80%;
    max-width: 1260px;
    min-width: 1100px;
    background: #FFF;
    height:100%;
    margin: 0 auto; 

}

.sidebar1 {
    float: left;
    width: 20%;
    background: #93A5C4;
    height:100%;
}
.content {
    padding: 10px 0;
    width: 79%;
    float: left;
    min-height: 1040px;
    height:100%;
}


.container #banner img {
    width: 100%;
    height:100%;
}
#content1 {
    border: medium solid #000;
    height:100%;

}