lvl 28

[illya-onyshchuk]

why not working?
grid-template: repeat(2, 610px)/ 21% 80%

[jaugustodafranca]

Hi @Illafantoms , let my try help you.

The level 28 have the description:
our garden is looking great. Here you've left a 50 pixel path at the bottom of your garden and filled the rest with carrots.

See my solution: grid-template: 1fr 50px / 1fr 4fr;

The first part (1fr 50px) is reference to your rows, with this u will have 2 rows, one with 1fr and the last with 50px.
The second part is reference to your columns, so u will have 2 columns, one with 1fr and the other with 4fr.

https://uploaddeimagens.com.br/imagens/screen_shot_2019-07-17_at_15-13-50-png

[huanghe2015]

On row side, you need to occupy all of the space before required remaining 50px. The column side is having a little problem percentage.

[druvisc]

grid-template: 1fr 50px / 20% 1fr;

[gulzaryousaf]

1fr 50px / 20% 1fr;

i ended up with this dumb solution which actually worked!
grid-template: repeat(2, calc(100% - 50px)) / 20% 80%;

but your solution seems fine to me.

[Mykhailo-Bondarenko]

grid-template: 518px/ 20% 80%

[BorisGaliano]

the answer is grid-template:1fr 50px /20% 1fr

[Nevin06]

the answer is grid-template: 1fr 50px / 20% 80%;

[adelhussam]

grid-template: 1fr 50px/ 1fr 80%;

[grualek]

Solution: grid-template: 1fr 0 0 0 50px / 20% 1fr;

[Chick25]

i try with grid-template: 92% 18%/20% 4fr and the solution is same, why my css not work. Can someone explain..