JSFiddle - React, Tailwind, and code Playground

by 4mobile

HTML

<div class="parent">
  <div class="child">1</div>
  <div class="child">2</div>
  <div class="child">3</div>
</div>

CSS

.parent {
  max-width: 850px;
  margin: 0 auto;
  background: green;
  font-size: 0;
  text-align: center;
}

.child {
  width: 265px;
  min-width: 33.33%;
  height: 100px;
  background: red;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid black;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}