Grid Garden Level 28

HTML-CSS
1

Hello. I’ve been going through the levels as exercises for working with Grid. I found the last few levels very challenging and needed to search for some help on some of them to see what I was doing wrong. I’ve included exercise 28 below and my solution.

  1. Your garden is looking great. Here you’ve left a 50 pixel path at the bottom of your garden and filled the rest with carrots.

Unfortunately, the left 20% of your carrots have been overrun with weeds. Use CSS grid one last time to treat your garden.

#garden {
  display: grid;
  grid-template: .9325fr / 20% 1fr;
}

I can click on the next button since it has appeared clickable.
What I’m wondering is if there is a better way to come up with the solution?

Thank you!

Mod edit: just for context.

2

As far as I can tell, the only thing that should pass is this:

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

Two rows, all space 1fr except the 50px path at the bottom.

Two columns, 20% for the treatment, and the rest 1fr for the water.