JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
  <section id="footer-boxes">
    <div class="box">
      <i class="fas fa-hotel fa-3x"></i>
      <h2>Great Location</h2>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint, natus.</p>
    </div>
    <div class="box bg-orange">
      <i class="fas fa-utensils fa-3x"></i>
      <h2>Free Meals</h2>
      <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Magni, dolor?</p>
    </div>
    <div class="box">
      <i class="fas fa-dumbbell fa-3x"></i>
      <h2>Fitness Room</h2>
      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aut, nihil.</p>
    </div>
  </section>
</footer>

CSS

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }

    .box {
      width: 33.3%;
      height: 250px;
      display: inline-block;
      text-align: center;
    }

    .bg-orange {
    background: orange;
    }