Hope everyone had a great time over the holidays! Mine were busy but amazing, so I didn’t get as much coding practice as I would have liked.
I made a container to hold my grid a set size [500px- bit enough that you’d be able to draw something on it!], and used jQuery to generate <div>’s. Because the number of <div>’s generated could be changed, I couldn’t use a set size, so I set both the height and width to ((grid area)/(number of squares)). I though this should work fine, and it did until I made the mistake of checking it in another browser… while Chrome is perfectly happy with a value with four decimal places, IE will only use two decimal places, and Firefox doesn’t appear to use any decimals at all and have rounded the size up to the next whole number! Changing the size by even a fraction of a pixel reduces the number of squares I can have on one line, so instead of having a grid that is 64 x 64, it becomes 63 x 65 (and a couple square floating at the bottom.) I’ve looked into it and it seems to be something that developers and designer just have to work with, so I’m going to take a tea break, and then come back to the project fresh!
I’d love to hear of any similar projects anyone may have made!