JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
  <div class="smallgrid"></div>
  <div class="grid"></div>
</div>

CSS

html, body {
  margin: 0;
}
#main {
  height: 11in;
  position: relative;
  width: 8.5in;
}
.grid {
  background-image: repeating-linear-gradient(0deg,transparent,transparent 69px,#88F 69px,#88F 70px),repeating-linear-gradient(-90deg,transparent,transparent 69px,#88F 69px,#88F 70px);
  background-size: 70px 70px;
  height: 100%;
  position: absolute;
  width: 100%;
}
.smallgrid {
  background-image: repeating-linear-gradient(0deg,transparent,transparent 13px,#CCF 13px,#CCF 14px),repeating-linear-gradient(-90deg,transparent,transparent 13px,#CCF 13px,#CCF 14px);
  background-size: 14px 14px;
  height: 100%;
  position: absolute;
  width: 100%;
}