div method

main container with absolutely positioned divs, id set to column and row position eg: C0R0...C5R5

generated with JS loop, CSS styles and ids

assessment: heavy HTML, easily exploited, easily referenced

css grid method

main container with css grid positioned cells, refs by id

generated with css grid alone

assessment: little saving over grids by div, fewer abs sizing issues

flexbox method

main container with five columns of flexboxes

generated with JS loop, flexbox styles and ids

assessment: awkward referencing, odd spacing requiring border box, strange element order in container

canvas method

main container with an HTML canvas, map object holds references to cell X,Y origin coordinates

generated with JS loop creating cells by drawRect

assessment: least hackable, least obvious references to cells