JSFiddle - React, Tailwind, and code Playground

by markjkoop

HTML

<p><b>koopman fishing adventures</b></p>

<table>
<tr>
<td><p><b>pb fish</b></p></td><td>mason</td><td>cole</td><td>dad</td>
</tr>
<tr><td>bass</td><td>16"</td><td>18"</td><td><b>21.75"</b></td></tr>
<tr><td>walleye</td><td> --- </td><td><b>12"</b></td><td> --- </td></tr>
<tr><td>pike</td><td><b>29.50"</b></td><td>26"</td><td>26"</td></tr>
<tr><td>musky</td><td> --- </td><td>31"</td><td><b>45"</b></td></tr>
</table>
<p id="pike">musky</p>
<a href="https://www.handlebarzfishing.com/">musky bucktails</a>
<p>recomended patterns</p>
<img id="clicker" src="http://www.northshoremuskybaits.com/uploads/7/5/1/0/75107677/s172437419405039388_p547_i1_w1067.png"width="80"/>
<img src="http://protacklemuskyshop.com/photos/custom/9%20Black%20Series%20Chart..jpg"width="100"/>
<img src="http://protacklemuskyshop.com/photos/custom/10%20White%20Tiger.jpg"width="100"/>
<p><a hrf="https://bassmagnetlures-waterwolflures.com/product/shadzilla/">get some shadzillaaas</a></p>

CSS

td{
  width:150px;
}
  body{ background-color: #c92a0a;
  }
  table{
    border-style: groove;
   border-width: 5px;
  }
  #pike{
    font-size: 50px;
    width:100%;
    text-align: center;
    color: #185704;
  }
  a{
    text-decoration: none
    
  }
  a:hover{
    text-decoration:underline;
   font-size: 20px
  }