Need help with grid sizing

Gmar07 · August 9, 2021, 3:26am

https://preview.webflow.com/preview/volcanic?utm_medium=preview_link&utm_source=designer&utm_content=volcanic&preview=0484f87b37af9906ccf0ad483cb14971&pageId=610dad45d67d897d76cfbbd7&workflow=preview

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)

iDATUS · August 9, 2021, 5:47am

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
https://www.youtube.com/watch?v=z-jaWufiiD4

imtiazraqib · August 9, 2021, 5:05pm

Hey @Gmar07 , are you looking for this layout?

Gmar07 · August 10, 2021, 3:01am

Yup! How’d you do that?

imtiazraqib · August 10, 2021, 5:08pm

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

Gmar07 · August 11, 2021, 12:06am

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

imtiazraqib · August 11, 2021, 3:27pm

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.