JSFiddle - React, Tailwind, and code Playground

by Hugo Carneiro

HTML

<div class="col-md-4 col-md-push-8 esquerda"> esquerda </div>
<div class="col-md-8 col-md-pull-4 direita"> direita </div>
<div class="col-md-4 esquerda"> esquerda </div>
<div class="col-md-8 direita"> direita </div>

CSS

.esquerda {
  height: 300px;
  background-color: blue;
  color: #FFF;
  margin-bottom: 10px;
}

.direita {
  height: 300px;
  background-color: red;
  color: #FFF;
  margin-bottom: 10px;
}