Untitled

 <style>
       table {
  table-layout: fixed;
  border-collapse: collapse;
  max-width: 8em;
  width: 100%;
}
td {
  border: 2px solid white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 2);
}
.green {
  background: rgb(155,187,89);
  height: 5em;
  width: 5em;
}
.red {
  background: rgb(192,80,77);
  height: 10em;
  width: 10em;
}
.blue {
  background: rgb(79,129,189);
  height: 1em;
  width: 1em;
}
 
}
    </style>
    <body>
        <table>
            <tr>
              <td class="green"></td>
              <td colspan="2" rowspan="2" class="red"></td>
              <td class="green" colspan="2"></td>
            </tr>
            <tr>
              <td class="green"></td>
              <td class="green" colspan="2"></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="3" class="red"></td>
              <td rowspan="2" class="green"></td>
              <td class="blue"></td>
              <td class="blue"></td>
            </tr>
            <tr>
              <td class="blue"></td>
              <td class="blue"></td>
            </tr>
            <tr>
              <td class="green"></td>
              <td colspan="2" class="green"></td>
            </tr>
          </table>
Editor is loading...