JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="background" class="header">    
    </div>
    <div id="overlay" class="header">
      <table id="cells" class="header" cellspacing="0">
        <tr>
          <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
        </tr>
        <tr>
          <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
        </tr>
        <tr>
          <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
        </tr>
        <tr>
          <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
        </tr>
      </table>
    </div>
    <div>
    <h1 id="title" class="title">My Page Title</h1>
    <h2 id="detail" class="title">Designed by Me</h2>
    <div id="content">
    </div>

CSS

body {
  margin: 0px;
  padding: 0px;
}

.header {
  width: 100%;
  height:160px;
  margin: 0px;
  padding: 0px;
  position: absolute;
}

#background {
  background:#333;
}

#overlay {
  overflow: hidden;
}

#cells {
  min-width:1920px;
}

#cells td {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  transition-duration: .2s;
  
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  
  background:#fff;
  border-radius:10px;
  z-index: 100000;
}

#cells td:hover {
  background:none;
}

.title {
  position: absolute;
  font-family: Arial;
}

#title {
  top: 42px;
  left: 65px;
  margin: 0px;
  color: #999;
}

#detail {
  top: 86px;
  left: 120px;
  margin: 0px;
  color: #ddd;
}

#content {
  position: absolute;
  top: 160px;
  width: 100%;
}