JSFiddle - React, Tailwind, and code Playground

by thanner

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
<div class="my-boxes">
    <div class="my-boxes__list">
        <div class="my-boxes__item">Content</div>
        <div class="my-boxes__item">Content</div>
        <div class="my-boxes__item">Content</div>
        <div class="my-boxes__item">Content</div>
    </div>
</div>

SCSS

.my-boxes {
  @extend .container;
}

.my-boxes__list {
	@extend .row;

  text-transform: uppercase;
  font-weight: bold;
}

.my-boxes__list {
	@include make-col-ready;
	@include make-col(4);

  border-radius: $border-radius;
  border: $border-width solid $border-color;
}