CSS grid garden

This makes me sad. Not because I don't like grid. But because two weeks ago I found out that a very senior person in the company has a computer running IE11, and will not let IT upgrade her machine. She recently discovered that one of the company's web sites doesn't look right in IE11, and shit ran downhill into my lap. I checked the logs, and yep... she's the only IE11 machine to hit any of the web sites in…

Immediate learnings from the first 3 exercises: 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. 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. (edit) more: 3. grid-area's four arguments are, in order (using normal cartesian conventions to show…

I've always found this Rachel Andrews series a superb learning source: https://www.smashingmagazine.com/2020/01/understanding-css-g... For someone such as myself, doing backend, this gave me a solid foundation for building modern UI apps while keeping them lean and simple. No Bootstraps, no Tailwinds.

Fun game. One thing I dislike about the grid system is how the range is defined as [start,finish). This probably comes from some lower-level implementation detail, but it would be far more ergonomic if the range included the end value. Typing `grid-column: 2 / 6` when there are only 5 columns just looks like a bug.