JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="firstElement">First Element</div>
  <div class="secondElement">Second Element</div>
  <div class="thirdElement">Third Element</div>
</div>

CSS

.wrapper{background:#fff;width:100%}

.firstElement , .secondElement , .thirdElement{
  display:inline-block;
  width: calc(100%/3)
}

.firstElement{background:#000;color:#fff}

.secondElement{background:grey}

.thirdElement{background:#ddd}

@media (max-width: 767px){}