• different gradient types and colors
• solid background
• background image

Make it so you have to click or click/drag to "flip" the cells instead of it happening automatically on hover. This could also be a toggled control.

Issue

This is due to the hard-coded grid size and margin.

Possible Cause

A fixed left and top margin of -250 is used to center the grid, but this causes the issue.

Potential Solution

• Use different method to center the grid
• Use JS or CSS rules to dynamically size the grid

Repro steps:

1. Click "Resize Grid" button at top of page
2. Click "Cancel" button within the browser dialog box that appears

Actual Result: the grid empties
Expected Result: the browser dialog box disappears and the grid remains as it was prior to clicking "Resize Grid" button

Video Example

every aspect of this program is too cool-- tone it down

Reproduction steps

1. click "Resize Grid"
2. click "Cancel"