JSFiddle - React, Tailwind, and code Playground

by norcaljohnny

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="row mrg10T csT">
	        <div class="text-left col-md-4 thisclass">
            <div class="row bg-gray pad5A mrg10A">
                <div class="col-md-6 col-sm-6 col-xs-6 font-bold">Current subscription</div><div class="col-md-6 col-sm-6 col-xs-6">: Student Demo</div>
            </div>  
           </div>
           <div class="text-left col-md-4 thisclass">
            <div class="row bg-gray pad5A mrg10A">
                <div class="col-md-6 col-sm-6 col-xs-6 font-bold">Start date</div><div class="col-md-6 col-sm-6 col-xs-6">: 1st-Jan-2016</div>
            </div>  
           </div>
           <div class="text-left  col-md-4 thisclass">
            <div class="row bg-gray pad5A mrg10A">
                <div class="col-md-6 col-sm-6 col-xs-6 font-bold">Expiry date</div><div class="col-md-6 col-sm-6 col-xs-6">: 31st-Dec-2016</div>
            </div>  
           </div>
           <div style="clear:both;">
           
           </div>
           </div>
           <div class="row mrg10T csT">
           <div class="text-left col-md-4 thisclass">
            <div class="row bg-gray pad5A mrg10A">
                <div class="col-md-6 col-sm-6 col-xs-6 font-bold">Renewal pricing</div><div class="col-md-6 col-sm-6 col-xs-6">: $100</div>
            </div>  
           </div>
           <div class="text-left col-md-4 thisclass">
            <div class="row bg-gray pad5A mrg10A">
                <div class="col-md-6 col-sm-6 col-xs-6 font-bold">Offers 1</div><div class="col-md-6 col-sm-6 col-xs-6">: 20% cash incentive (will be credited to your account)</div>
            </div>  
           </div>
           <div class="text-left  col-md-4 thisclass">
            <div class="row bg-gray pad5A mrg10A">
                <div class="col-md-6 col-sm-6 col-xs-6 font-bold">Renewal pricing</div><div class="col-md-6 col-sm-6 col-xs-6">: $100</div>
           ...

CSS

.bg-gray {
    color: #666;
    background: #efefef;
}
.mrg10T {
    margin-top: 10px !important;
}
.mrg10A {
    margin: 10px !important;
}
.csT
{
    display: inline;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.csT div div{height:100%;}
.thisclass{height:100px;}