JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="area" width=500 height=500></canvas>

CSS

#area {    
    background-color: #ccc;
}

JavaScript

var canvas = document.getElementById('area');
     var context = canvas.getContext('2d');

for (var x = 0.5; x < 500; x += 10) {
  context.moveTo(x, 0);
  context.lineTo(x, 500);
}

for (var y = 0.5; y < 500; y += 10) {
  context.moveTo(0, y);
  context.lineTo(500, y);
}

context.strokeStyle = "#eee";
context.stroke();