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

from gridgarden.

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.

from gridgarden.

@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!

from gridgarden.

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

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

from gridgarden.

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

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

from gridgarden.

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

from gridgarden.