JSFiddle - React, Tailwind, and code Playground

by jonjohnjohnson

CSS

body {
  --l-checker: 2rem;
  background-image:
    linear-gradient(45deg, #000 25%, transparent 25%), 
    linear-gradient(-45deg, #000 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #000 75%),
    linear-gradient(-45deg, transparent 75%, #000 75%);

    background-size: calc(2 * var(--l-checker)) calc(2 * var(--l-checker));
    background-position:
      50% 0px,
      50% var(--l-checker),
      calc(50% + var(--l-checker)) var(--l-checker),
      calc(50% + var(--l-checker))  0px;
}