JSFiddle - React, Tailwind, and code Playground

by asifrc

HTML

<ul data-role="listview" data-inset="true">
<li><a href="#mickey">
     <img src="mickey.jpg.png">
   <h2>Mickey</h2>
   <p>SF Animal Care and Control</p></a>
</li>
<li><a href="#flo">
   <img src="flo.jpg.png">
   <h2>Flo</h2>
   <p>SF Animal Care and Control</p></a>
</li>
<li><a href="#tad">
   <img src="tad.jpg.png">
   <h2>Tad</h2>
   <p>Furry Friends Rescue</p></a>
</li>
<li><a href="#nugget">
   <img src="nugget.jpg.png">
   <h2>Nugget</h2>
   <p>SF Animal Care and Control</p></a>
 </li>
   <li><a href="#stella">
       <img src="stella.jpg.png">
       <h2>Stella</h2>
       <p>Furry Friends Rescue </p></a>
   </li>
   <li><a href="#jonah">
       <img src="jonah.jpg.png">
       <h2>Jonah</h2>
       <p>SF Animal Care and Control</p></a>
   </li>
   <li><a href="#titan">
       <img src="titan.jpg.png">
       <h2>Titan</h2>
       <p>Furry Friends Rescue</p></a>
   </li> 
</ul>