Grid Garden – A game for learning CSS grid
Immediate learnings from the first 3 exercises:<p>1. Grid columns and rows are 1 indexed instead of 0, ensuring a coming decade of mistakes due to the mismatch with Javascript (and, y'know, everything else) conventions for arrays.<p>2. Grid extents use the "one more than end" convention instead of "length", which is sorta confusing.  But then they call it "end", which is even more so.<p>(edit) more:<p>3. grid-area's four arguments are, in order (using normal cartesian conventions to show how insane this is): y0 / x0 / y1 / x1.  Has any API anywhere ever tried to specify a rectangle like this?