JSFiddle - React, Tailwind, and code Playground

by daver182

HTML

<div class="grid-overlay"></div>

CSS

.grid-overlay{
    width: 100px;
    height: 100px;
    
}

.grid-overlay:before {
  content: "";
  position: fixed;
  /*background-color: rgba(34,102,153,0.5);*/
 
  background: -webkit-linear-gradient(black 1px, transparent 1px), 
        -webkit-linear-gradient(0, black 1px, transparent 1px), 
        -webkit-linear-gradient(black 1px, transparent 1px), 
        -webkit-linear-gradient(0, black 1px, transparent 1px);
 
 /* background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;*/
    background-size: 10px 10px;
 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  
  opacity: .3;
}