How to render a visual grid on-screen so you can play with spacing in your app

react layout grid

<div
  id="grid"
  style={{
    backgroundSize: '8px 8px',
    backgroundPosition: '50%',
    backgroundImage:
      '
        linear-gradient(to right, hsla(0, 0%, 50%, 0.5) 1px, transparent 1px),
        linear-gradient(to bottom, hsla(0, 0%, 50%, 0.5) 1px, transparent 1px)
      ',
    position: 'fixed',
    top: 0,
    right: 0,
    bottom: 0,
    left: 0,
    pointerEvents: 'none',
    zIndex: 99999,
  }}
/>