JSFiddle - React, Tailwind, and code Playground

HTML

<section>
  <div class="in">
   <div class="box">a</div>
   <div class="box">b</div>
   <div class="box">c</div>
  </div>
</section>

CSS

section {background: #aaaaaa;width: 100%;}
section div.in{width: 100%;max-width: 1070px; margin: 0 auto;}
div.in div.box{float:left;width:36.1%;text-align: center;}
div.in div.box:first-child{width:37.3%;}
div.in div.box:last-child{width:26.6%;}