Grid is crap. Html tables were much easier to handle, they should have gone with <grid> tags instead (since tables have been declared toxic). The cryptic nature of the grid layout units is something that seems deliberately obnoxious
who the f thinks this is readable: grid-template-rows: auto 40px 1fr 80px;
Looks pretty readable to me. 4 explicit columns, the first is width auto, second 40px, third takes up any remaining space, 4th is 80px. How would this be any more readable with tags or table setup? Especially if you want to have additional columns auto-generated by content or numerous other grid abilities that are not easy to setup with tables.
who the f thinks this is readable: grid-template-rows: auto 40px 1fr 80px;