Grid Garden Level 26
lovercoder1 opened this issue · 3 comments
lovercoder1 commented
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;
Spanioulis commented
Thanks! 👌
BingeCode commented
grid-template-rows: repeat(4, 12.5px) 100%;
should be a solution as well, no?
furnivall commented
I may be misunderstanding, but why isn't the following an acceptable answer?
grid-template-rows: 50px 0% 0% 0% 100%;