JSFiddle - React, Tailwind, and code Playground

by vaibhav saxena

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.12.0/javascript/semantic.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">
<div class="ui page grid overview segment">
        <div class="ui two wide column"></div>
        <div class="twelve wide column">
          <div class="ui three column center aligned stackable divided grid">
            <div class="column">
              <div class="ui icon header">
                <i class="circular book link icon"></i>
                Stories 
              </div>
              <p>Read thousands of stories written and published by our amazing authors.</p>
              <p><a class="ui teal right labeled icon button" href="#">Read <i class="right long arrow icon"></i></a></p>
            </div>
            <div class="column">
              <div class="ui icon header">
                <i class="circular write link icon"></i>

                Library
              </div>
              <p>Dig through our cat library to found out amazing things you can do with your kitty.</p>
              <p><a class="ui teal right labeled icon button" href="#">Write <i class="right long arrow icon"></i></a></p>
            </div>
            <div class="column">
              <div class="ui icon header">
                <i class="circular user link icon"></i>
                Community
              </div>
              <p>Get feedback on your cat from a community of loving pet owners on our online bulletin board system.</p>
              <p><a class="ui teal right labeled icon button" href="#">Collaborate <i class="right long arrow icon"></i></a></p>
            </div>
          </div>
        </div>
  </div>