JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test"></div>

CSS

.test { 
    width: 300px;
    height: 300px;
    background-image: repeating-linear-gradient(45deg, white 4px, transparent 5px, white 6px, white 10px, transparent 11px, white 12px, white 20px), 
    repeating-linear-gradient(0deg, white 4px, black 100%, white 10px, white 20px);
}