Streaming live at 10am (PST)

Weird Grid Questions for Webflow Wizards

Evening all, I am building a weird variation of a chessboard layout! but double. So 16 columns and 16 rows. I am having a lot of trouble with the columns, should i be looking to do this a different way or is CSS Grid the best way to add uniform equal size squares on the website? I could probably do it in some static way I suppose but that may bugger me up if I wanted to make it responsive on mobile?

Any help is much appreciated!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)