It seems like HTML5 has about a zillion different layouts and methods for positioning divs, few of which seem to work exactly as described in most browsers.
Imagine an implementation of, say, Tetris in HTML/CSS/JS. So you have some kind of background, some pieces already on the screen, and a moving piece, all of which need to be aligned with respect to each other.
It'd be nice if this used some kind of grid-based system so that it would automatically scale to arbitrary window sizes without the program manually calculating pixel widths and so forth.
What is the best way to do this sort of thing? Grid layouts? Using percentages for everything and relative positioning? Or are there serious problems with moving divs around that make this non-competitive with using the