JSFiddle - React, Tailwind, and code Playground

by Alexander

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.0/mini-default.min.css">
<div class="container">
  <div class="row">
    <div class="col-sm-1"></div>
    <div class="col-sm-11"></div>
  </div>
  <div class="row">
    <div class="col-sm-2"></div>
    <div class="col-sm-10"></div>
  </div>
  <div class="row">
    <div class="col-sm-3"></div>
    <div class="col-sm-9"></div>
  </div>
  <div class="row">
    <div class="col-sm-4"></div>
    <div class="col-sm-8"></div>
  </div>
  <div class="row">
    <div class="col-sm-5"></div>
    <div class="col-sm-7"></div>
  </div>
  <div class="row">
    <div class="col-sm-6"></div>
    <div class="col-sm-6"></div>
  </div>
  <div class="row">
    <div class="col-sm-12"></div>
    <div class="row">
      <div class="col-sm"></div>
      <div class="col-sm"></div>
    </div>
  </div>