JSFiddle - React, Tailwind, and code Playground

by nicholasstephan

HTML

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

CSS

.grid {
    width:720px;
    height:720px;
    
    background-color: #333333;
                      
    background-image: linear-gradient(rgba(255,255,255,0.1), 1px, transparent 1px),
                      linear-gradient(rgba(255,255,255,0.5), 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255,255,255,0.1), 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255,255,255,0.5), 1px, transparent 1px);
                    
    background-size: 40px 40px,
                     240px 240px,
                     40px 40px,
                     240px 240px;
}