I don't understand how end 22 level.

[stee1house]

I use "grid-template-rows: 10px 10px 10px 10px 1fr;" this css rule, but this is wrong, I don't understand why.

[knpwrs]

WARNING! SPOILERS!

Your solution does 40px. Also, instead of 1fr you'll want 100fr, as in "100% of the remaining space" for the fifth column.

This also works:

grid-template-rows: repeat(4, 12.5px) 100fr;

@thomaspark this level wasn't very clear to me either. My solution was actually inspired by @stee1house's solution.

[RichDonnellan]

@knpwrs 100fr works, but isn't necessary. 1fr takes up any remaining space available after fixed-size and auto-sized tracks are calculated.

[stee1house]

@knpwrs thanks for fast response, I' have already done this level - it is my solution "grid-template-rows: 50px 0 0 0 1fr;"
@thomaspark thanks for the great game!

[RichDonnellan]

@stee1house Nice solution! I didn't think to use 0 as a value. Optimal answer IMO:

grid-template-rows: 50px repeat(3, 0) 1fr;

[HDv2b]

Not so elaborate, I just made the first 4 rows fill 50px..

grid-template-rows: 10px 10px 10px 20px 1fr;

[thomaspark]

Thanks for the comments all. Multiple ways to solve this level, all valid!