JSFiddle - React, Tailwind, and code Playground

HTML

<main>
    <article>
        <section class="bg-col col-sm-4">
            <h2>Empresa</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            <div class="more"><a href="empresa.php">Saiba Mais</a></div>
        </section>

        <section class="bg-col col-sm-4">
            <h2>Serviços</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            <div class="more"><a href="servicos.php">Saiba Mais</a></div>
        </section>

        <section class="bg-col col-sm-4">
            <h2>Contatos</h2>
            <p>Tel: (xx) xxxx-xxxx</p>
            <p>E-mail: [email protected]</p>
            <div class="more"><a href="contatos.php">Saiba Mais</a></div>
        </section>
    </article>
</main>

CSS

article section {
    box-sizing: border-box;
    width: 30%;
    padding:2% 5%;
    float:left;
    border: 1px solid #CCC;
}

article section:nth-child(2){
    margin: 0 5%;
}