Although the puzzle, as-is, looks good, when the user attempts to zoom in/out the program, the puzzle zooms in as well. Although this behaviour is expected, it is not desirable, as it ruins the website's styling and aesthetics.

The current board is 9 * 9, with no borders to separate the quadrants. For styling purposes, it would be better to have a sub-border that will divide the entire puzzle board into 9 sub-quadrants.

More specifically, to satisfy this issue:L

• Board has major border that splits puzzle into 9 quadrants, 3 per row and 3 per column

[ 1,2,3,4,5,6,7,8,9,
4,5,6,7,8,9,1,2,3,
7,8,9,1,2,3,4,5,6,
3,1,2,6,4,5,9,7,8,
5,6,4,9,7,8,3,1,2,
9,7,8,3,1,2,6,4,5,
2,3,1,5,6,4,8,9,7,
6,4,5,8,9,7,2,3,1,
8,9,7,2,3,1,5,6,4]

In the files, there are instances where languages overlap. For example, the HTML file has embedded CSS and Javascript within it. To ensure better code readability and accessibility to other open-source developers, it is important to ensure that the code is kept within their respective files.

The requirements to satisfy this issue are:

• Have a .js file to store all the Javascript functions separately
• Move all the CSS that is inline in the HTML to the CSS file

The user when they open the game can change the numbers of each cell as the predetermined cells generated by the Math.random() function is editable by the drop down list.