JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<div class="wrap">

  <div class="one">

  </div>

  <div class="two">

  </div>
</div>

CSS

.wrap {
  display: flex;
}

.one {
  height: 50px;
  background: blue;
  width: 50%;
  left: 25%;
  position: relative;
}

.two {
  height: 50px;
  background: red;
  width: 50%;
}