This project is a part of the odin foundations curriculum.
The intent of this is to create a set of grid squares with event handling for the user to draw on.
Learnt:
- CSS grid
- programmatically resize grid columns
- programmatically create dom elements
- using data-* attributes
- access css properties with getComputedStyle()
- remove DOM children nodes only occur once (ie, maybe need to use while loop)
- css on hover
- css aspect ratio
- css grid cells width and are set to auto, and may overflow as a result
- use vh units for consistent screen size