JSFiddle - React, Tailwind, and code Playground

by Peter Galiba

HTML

<ul class="hfeed clearfix">
  <li class="hentry">
    <a href="#" class="entry-image"><img src="http://placebear.com/210/170?image=1" alt="Lorem ipsum" /></a>
    <p class="entry-summary">Pellentesque habitant morbi tristi que senctus et netus</p>
    <h3 class="entry-title"><a href="#">Lorem ipsum</a></h3>
  </li>
  <li class="hentry">
    <a href="#" class="entry-image"><img src="http://placebear.com/210/170?image=2" alt="Lorem ipsum" /></a>
    <p class="entry-summary">Pellentesque habitant morbi tristi que senctus et netus</p>
    <h3 class="entry-title"><a href="#">Lorem ipsum</a></h3>
  </li>
  <li class="hentry">
    <a href="#" class="entry-image"><img src="http://placebear.com/210/170?image=3" alt="Lorem ipsum" /></a>
    <p class="entry-summary">Pellentesque habitant morbi tristi que senctus et netus</p>
    <h3 class="entry-title"><a href="#">Lorem ipsum</a></h3>
  </li>
  <li class="hentry">
    <a href="#" class="entry-image"><img src="http://placebear.com/210/170?image=4" alt="Lorem ipsum" /></a>
    <p class="entry-summary">Pellentesque habitant morbi tristi que senctus et netus</p>
    <h3 class="entry-title"><a href="#">Lorem ipsum</a></h3>
  </li>
  <li class="hentry">
    <a href="#" class="entry-image"><img src="http://placebear.com/210/170?image=5" alt="Lorem ipsum" /></a>
    <p class="entry-summary">Pellentesque habitant morbi tristi que senctus et netus</p>
    <h3 class="entry-title"><a href="#">Lorem ipsum</a></h3>
  </li>
  <li class="hentry">
    <a href="#" class="entry-image"><img src="http://placebear.com/210/170?image=6" alt="Lorem ipsum" /></a>
    <p class="entry-summary">Pellentesque habitant morbi tristi que senctus et netus</p>
    <h3 class="entry-title"><a href="#">Lorem ipsum</a></h3>
  </li>
  <li class="hentry">
    <a href="#" class="entry-image"><img src="http://placebear.com/210/170?image=7" alt="Lorem ipsum" /></a>
    <p class="entry-summary">Pellentesque habitant morbi tristi que senctus et netus</p>
    <h3...