JSFiddle - React, Tailwind, and code Playground

by Yaroslav Mozghovyi

HTML

<!DOCTYPE html>
<html>
<head>+
  <title>Test task 1</title>
  <link href="style.css" type="text/css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
</head>
<body>

 <table>
      <tr>        
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td class="add"><b>+</b></td>
       </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
       </tr>
       <tr>
       <td class="add"><b>+</b></td>
       </tr>
      
</table>

  </table>

</body>
</html>

CSS

table {
  margin: auto;
  border: #FFF;
  border: 
}

tr {
  background: rgb(72, 170, 230);
}

td {
  width: 50px;
  height: 50px;
 }
 
 .add {
   background: rgb(243, 165, 0);
   cursor: pointer;
   color: #FFF;
   text-align: center;
   font-family: 'Open Sans', sans-serif;
}
   
  
}

JavaScript

$(document).ready(function() {
});