Problem with Etch-a-Sketch Project

Hello Everyone,

I started on the etch a sketch project and i’m almost quite done. However, I’m having quite a bit of trouble with my grid.

I’ve been facing two issues:
1) I want to have a default grid present on the page and clear when the user is
prompted to input a new grid.
2) I want to make sure that as the grid reduces or expands in size, the grid box stays
in it one position.

My code can be found here: https://codepen.io/ife2020/pen/LYGbPWe

Thanks in advance for the help.

This may not be the only cause of the issue, but I can’t see a box class in your html, just container. On the other hand, your css has style rules for class .box and your js has a querySelector for class .box. Your css and js don’t have any references to .container.