thomaspark / gridgarden

A game for learning CSS grid layout 🥕

Home Page:https://cssgridgarden.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Grid Garden Level 26

lovercoder1 opened this issue · comments

The exercise told us that there should be 5line and the water starts at line 5th it remains four first lines they shouldn't be sprayed by water with 50px height so we divided 50 by 4 then we get 12.5 px each four first lines and we add 1fr to unify the garden, so the solution is:

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

grid-template-rows: repeat(4, 12.5px) 100%; should be a solution as well, no?

I may be misunderstanding, but why isn't the following an acceptable answer?
grid-template-rows: 50px 0% 0% 0% 100%;