JSFiddle - React, Tailwind, and code Playground

by Ryan Brown

HTML

<table>
  <tr>
    <th>System</th>
    <th>Produced/Sold by</th> 
    <th>Technology Base</th>
    <th>Major Capabilities</th>
    <th>Major Limitations</th>
    <th>Site Example</th>
  </tr>
  <tr>
    <td><div id="internalbs">
    Drupal</div></td>
    <td><div id="internalbs">Open Source/Dries Buytaert</div></td>
<td><div id="internalbs">PHP/MySQL/PostgreSQL/SQLite</div></td>
    <td><div id="internalbs">secure/scalable/extensible</div></td>
    <td><div id="internalbs">Steep learning curve/custom applications are very buggy/consumes resources</div></td>
    <td><a href="https://www.mint.com/"><div id="internalbs"><center>Mint</center></div></a></td>
  </tr>
  <tr>
  <td><div id="internalbs">Umbraco</div></td>
  <td><div id="internalbs">Open Source with additional paid features and content to Umbraco, LLC.</div></td>
  <td><div id="internalbs">CMS/.NET</div></td>
  <td><div id="internalbs">Cloud Hosting /advanced content editor</div></td>
  <td><div id="internalbs">Requires additional set up per project, not for the novice developer.</div></td>
  <td><a href="https://www.beaconsage.com/"><div id="internalbs"><center>Beacon Sage</center></div></a></td>
  </tr>
  <tr>
  <td><div id="internalbs">Joomla!</div></td>
  <td><div id="internalbs">Open Source Matters, Inc.</div></td>
  <td><div id="internalbs">PHP/MySQL</div></td>
  <td><div id="internalbs">Not developer-oriented, non-developers can make sense of the system.</div></td>
  <td><div id="internalbs">Limited options, paid plugins, plugin compatability</div></td>
  <td><a href="http://www.liptonicetea.com"><div id="internalbs"><center>Lipton Ice Tea</center></div></a></td>
  </tr>
    <tr>
  <td><div id="internalbs">GetSimple</div></td>
  <td><div id="internalbs">GetSimple CMS</div></td>
 <td><div id="internalbs">PHP/XML</div></td>
  <td><div id="internalbs">easy to use and designed for small-site use, manages small websites efficiently without the use of mySQL.</div></td>
  <td><div id="internalbs">Limited...

CSS

table{
  border: solid 5px grey;  
  width: 80%; 
  margin-left:10%; 
  margin-right:10%; 
  padding:5px;
}

th {
  border: solid 5px white;
  padding:10px;
  text-align:left;
  background: lightblue;
  box-shadow: 1px 1px 1px 1px;
}


td {
  border: solid 5px white;
  background: lightgreen;
  padding: 10px;
  text-align:left;
  box-shadow: 1px 1px 1px 1px;
  border-radius: 15%;
}

#internalbs
{
  background: lightgreen;
  box-shadow: 1px 1px 1px 1px;
   transition: all .2s ease-in-out;
   border-radius:15%;
   padding: 5px;
}


#internalbs:hover {
transform: scale(1.5);
box-shadow: 2px 2px 2px 2px grey;
 
}