JSFiddle - React, Tailwind, and code Playground

HTML

<div class="FFrame">

  <table>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table>
</div>

CSS

* {box-sizing: border-box;}
.FFrame {
margin: 0 auto;
width: 400px;
height: 400px;
overflow: scroll;
}

table {
  width: 500px;
  height: 500px;
  background: url("http://hdqwalls.com/download/abstract-background-2-240x320.jpg");
  border: 20px solid rgba(0,0,0,0);
}
td {
  border: 1px solid #fff;
}