JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="row">
   <div class="col-md-8">content</div>
   <div class="col-md-4">
     <div class="map">map goes here</div>
   </div> 
 </div>
</div>

CSS

body {
  background: #fafafa;
}
.col-md-8,
.col-md-4 {
  float: left;
}
.container {
  max-width: 400px;
  margin: auto;
}
.col-md-8 {
  background: #ccc;
  height: 50px;
  width: 60%;
}
.col-md-4 {
  width: 40%;
}
.map {
  border: solid 1px #000;
  height: 50px;
  
  width:100px;;
}