Actualmente renderizo mi línea de cuadrícula usando CSS puro, haga clic en este enlace para ver mi caja de códigos. Pero esto no es exacto ya que esta cuadrícula se representa en píxeles, no en unidades de cuadrícula.

mi CSS

 .container { background-color: red; width: 1000px; height: 3000px; background-image: repeating-linear-gradient(#ccc 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, #ccc 0 1px, transparent 1px 100%); background-size: 50px 50px; } .react-grid-layout { background: none !important; }

¿Hay alguna forma de renderizar la línea de la cuadrícula para que cuando mi elemento de la cuadrícula se renderice, se refleje con precisión?

Por ejemplo, si defino w:2, h:4, x:0, y:0, mi elemento de cuadrícula encajará muy bien.

La imagen de abajo muestra que he importado mi estilo.css