JSFiddle - React, Tailwind, and code Playground

by rohanbhangui

HTML

<link rel="stylesheet" href="https://cdn.rawgit.com/kristoferjoseph/flexboxgrid/master/dist/flexboxgrid.min.css">
<div class="restrict-container">
  <div class="container-fluid">
  <div class="row title-row">
    <div class="col-xs-6 col-sm-6">
      <img class="bond" src="https://www.bondbrandloyalty.com/content/img/shared/logoLarge.jpg" alt="">
    </div>
    <div class="col-xs-6 col-sm-6">
      <img class="cibc" src="http://innovativeelectric.ca/wp-content/uploads/2012/03/cibc-logo-300x272.jpg" alt="">
    </div>
  </div>
</div>
</div>

CSS

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row > div {
  border: 1px solid #ff0000;
  text-align: center;
  
}

.restrict-container {
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
}

.bond {
  float: left;
  height: 75px;
}

.cibc {
  float: right;
  height: 75px;
}