JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdn.bootcss.com/materialize/0.97.0/css/materialize.min.css">
<script src="//cdn.bootcss.com/materialize/0.97.0/js/materialize.min.js"></script>
<div class="container">
    <div class="row">
        <div class="col m12">
            <h2>materialize css hello</h2>
        </div>
        <div class="col m3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas recusandae ea unde quae, dignissimos voluptates molestiae. Id odio consequatur distinctio praesentium, sed velit optio eum repellat accusamus, mollitia voluptatem eveniet.</div>
        <div class="col m3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi soluta, fuga quas, numquam alias asperiores deleniti delectus assumenda doloribus modi magnam ipsa, aut doloremque, ipsum animi amet id? Reiciendis, repellendus.</div>
        <div class="col m3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et amet ex, unde, repudiandae blanditiis voluptate perferendis repellat sapiente enim? Assumenda veniam mollitia ex, quis, atque facilis fugit vero tempora temporibus.</div>
        <div class="col m3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor cupiditate optio incidunt nemo sapiente suscipit ab. Soluta fugit inventore ducimus doloremque veritatis eius, obcaecati nihil, beatae incidunt porro velit asperiores!</div>
    </div>
</div>

CSS

p { font-size: 18px !important; }
#container p { font-size: 16px; }
a { color: #333 !important; }

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}