JSFiddle - React, Tailwind, and code Playground

by dev_java

HTML

<header>Header</header>
<div class="m-container">
    <div class="row">
<!--  Data sources accordion  -->
<div class="col-md-2">
 <div class="well">I'm another well</div>
</div><!-- /end of col -->
		<!-- 
		Wall of panels 
		
		 -->
<div class="col-md-10 ">

	
  <div class="col-md-5">
 <div class="well">I'm the first well</div>

</div>

<div class="col-md-5">
 <div class="well">I'm the second well</div>

</div>

</div>
</div>
</div>

CSS

html,body,.m-container
{
    height:100%;
}
.m-container
{
    display:table;
    width: 100%;
    margin-top: 50px;
   

    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.row
{
    height: 100%;
    display: table-row;
}
.col-md-2 .no-float, .col-md-10 .no-float {
    float: none; 
}
.col-md-2
{
	float: none;
    display: table-cell;
    background: pink;
}
.col-md-10
{
    display: table-cell;
    background: yellow;
  	float: none;
}