JSFiddle - React, Tailwind, and code Playground

by Dinocanid

HTML

<table style='width:60%;margin-left:20%'>
		<tr>
			<th colspan='2'>Total Creatures</th>
		</tr>
       <tr>
         <td>Frozen Eggs: </td>
         <td>$feggs</td>
       </td>
       <tr>
         <td>Frozen Ungendered Hatchlings: </td>
         <td>$fhatchies</td>
       </tr>
       <tr>
         <td>Frozen Mature Hatchlings: </td>
         <td>$fmhatchies</td>
       </tr>
       <tr>
         <td>Total Frozen Creatures: </td>
         <td>$frozen</td>
       </tr>
       <tr>
         <td>Total Adults: </td>
         <td>$adults</td>
       </tr>
       <tr>
         <td>Total Adult Females: </td>
         <td>$adultF</td>
       </tr>
       <tr>
         <td>Total Adult Males: </td>
         <td>$adultM</td>
       </tr>
       <tr>
         <td>Total Lair Born: </td>
         <td>$totalLB</td>
       </tr>
       <tr>
         <td>Total Bred:</td>
         <td>$totalBred</td>
       </tr>
       <tr>
         <td>Total Lair Born Females:</td>
         <td>$femaleLB</td>
       </tr>
       <tr>
         <td>Total Lair Born Males:</td>
         <td>$maleLB</td>
       </tr>
       <tr>
         <td>Total Bred Females:</td>
         <td>$femaleB</td>
       </tr>
       <tr>
         <td>Total Bred Males:</td>
         <td>$maleB</td>
       </tr>
       <tr>
         <td>Creatures that have been with you from birth:</td>
         <td>$forevers</td>
       </tr>
       <tr>
         <td>Total Creatures: </td>
         <td>$total</td>
       </tr>