JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js"></script>
<div class="ui grid stackable container">
<div class="sixteen wide column">
<div class="ui link five doubling cards">
<a class="ui card" href="#">
<div class="image">
<img src="http://assets19.pokemon.com/assets/cms2/img/pokedex/full//002.png">
</div>
<div class="content">
<div class="header">Ivysaur</div>
<div class="meta">Grass</div>
<div class="description">
</div>
</div>
<div class="extra content">
<span><i class="idea icon"></i>Pokemon</span>
</div>
</a>
<a class="ui card" href="#">
<div class="image">
<img src="http://assets19.pokemon.com/assets/cms2/img/pokedex/full//004.png">
</div>
<div class="content">
<div class="header">Charmander</div>
<div class="meta">Fire</div>
<div class="description">
</div>
</div>
<div class="extra content">
<span><i class="idea icon"></i>Pokemon</span>
</div>
</a>
<a class="ui card" href="#">
<div class="image">
<img src="http://assets19.pokemon.com/assets/cms2/img/pokedex/full//004.png">
</div>
<div class="content">
<div class="header">Charmander</div>
<div class="meta">Fire</div>
<div class="description">
</div>
</div>
<div class="extra content">
<span><i class="idea icon"></i>Pokemon</span>
</div>
</a>
<a class="ui card" href="#">
<div class="image">
<img src="http://assets19.pokemon.com/assets/cms2/img/pokedex/full//004.png">
</div>
<div class="content">
<div class="header">Charmander</div>
<div class="meta">Fire</div>
<div...