JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="row">

  <div id="title" class="col-sm-6 col-xs-12 pull-right">
  </div>
  
  <div id="logo" class="col-sm-6 col-xs-12 pull-left">
  </div>
  
  <div id="text" class="col-sm-6 col-xs-12 pull-right">
  </div>

</div>

CSS

#title{
  height: 150px;
  background: green;
}

#logo{
  height: 300px;
  background: red;
}

#text{
  height: 150px;
  background: yellow;
}