Help with Etch-a-Sketch project

Hello i’m currently having trouble with my grid in the elements tab of the dev tools it makes and display 16 rows, but as for my columns it makes 16 but they turn into a black box underneath the rows I wish I can post the a picture of it to show, but here is a link to my git hub with my code in it. any help would be appreciated.

When I play with grid-template-column and grid-template-rows in the CSS file it looks like the the cells are showing up but the rows and columns are both limited to 4 cells.