One of my solutions to level 21 is not accepted about gridgarden HOT 4 CLOSED

Thanks for the bug report, pushing a fix for this soon. It should accept grid-template-columns: 50px 1fr 1fr 2fr 50px; and similar variations as correct for level 21.

For level 22, grid-template-rows: repeat(4, calc(50px / 4)) 1fr; will work but not grid-template-rows: repeat(4, calc(50px / 4)) 100%;, which will cause the fifth row to have 100% height (although overflow is hidden);

from gridgarden.

same thing but for 22 lvl
grid-template-rows: repeat(4, calc(50px / 4)) 100%;

from gridgarden.

grid-template-columns: 50px 1fr 2fr 2fr 50px; so this soln. worked for level 24 as well but I didn't quite get it actually so can you please explain this to me like why are we taking 1fr 2fr 2fr ? it would be really appreciated. @thomaspark

from gridgarden.

this also works!!!
grid-template-columns: repeat(8, 12.5%);

from gridgarden.