JSFiddle - React, Tailwind, and code Playground

by Hifni Nazeer

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class='row'>
  <div class='col-md-7'>
    <blockquote>
      <p>#MARGIN Increase requested for M.M.J.M. FERNANDO by HIFNIN [LKR 50,000] Risk-Rated Portfolio: LKR 3,941.40 and Available Cash: LKR 0.00
      </p>
      <footer> Someone famous in <cite title='Source Title'> Source Title </cite></footer>
    </blockquote>
  </div>
  <div class='col-md-5'>
    <ul class='list-group'>
      <li class='list-group-item active'>Approvers</li>
      <li class='list-group-item'></li>
    </ul>
  </div>
</div>