Need help with grid sizing

I need help with the very last sections. kids, desserts, beverages.

I always use flexbox so I’m trying to step out of my comfort zone and use grid. I’m having trouble with the fit though. I have the content in divs and want the grid cells to only be as large as the divs. The desserts section is pushing the grid down so the kid’s section has all this extra space under it. Is there a way to edit the size of the left column to fit just the content?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

I am not an expert either on grid and its on the to-do list to play more.
So until someone comes up with a better solution you could try span?
Watch the tutorial here

Hey @Gmar07 , are you looking for this layout?

Yup! How’d you do that?

Sorry for the delay @Gmar07 , but here is a quick tutorial.

thanks! I was wondering how to use auto-fit. Really appreciate you taking the time to answer my questions.

Hey @Gmar07 , auto-fit works great when you set min/max sizes. For it to work, you have to delete all added columns and rows, so they can be auto generated instead.