CSS Tables

application.html.erb

    <style>
      html, body, .dashboard {
        width:100%;
        height:100%;
        margin: 0;
        background: black;
        overflow: hidden;
      }

      .dashboard {
        border: 2px solid black;
      }

      .grid-container {
        display: grid;
        grid-template-columns: 250px auto 40%;
        grid-template-rows: 55px auto-flow 45%;
        overflow: hidden;
        width: 100%;
        height: 100%;
        background-color: #000000;
        grid-gap: 5px 5px;
      }

      .grid-container > div {
        border: 0px dotted rgba(255,255,255,0.4);
        height: 100%;
        width: 100%;
        display: grid;
        grid-gap: 5px 5px;
      }

      .box {

      }
    </style>

Example Screenshot.adoc