JSFiddle - React, Tailwind, and code Playground

by Slava Fomin II

CSS

:root {
  --background-grid-color: rgba(255, 255, 255, 0.1);
  --background-fill-color: #486cd4;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--background-fill-color);
  background-image:
    linear-gradient(
      to right,
      var(--background-grid-color) 0,
      var(--background-grid-color) 1px,
      transparent 1px,
      transparent 200px
    ),
    linear-gradient(
      to bottom,
      var(--background-grid-color) 0,
      var(--background-grid-color) 1px,
      transparent 1px,
      transparent 200px
    )
  ;
  background-size: 200px 200px, 200px 200px;
  background-position: 50px 0, bottom 50px left 0;
}