Streaming live at 10am (PST)

Webflow Grid question

Good evening, has anyone tried building a site using webflow grid overlay (Not CSS Grid) using percentages like 60/40 for example? If you did how did you create a gutter?

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

Webflow’s grid overlay is the design tool to manipulate CSS Grid. Am I misunderstanding your phrasing?

If you need assistance using the grid in Webflow head over to the university. Lots of content related to using fractional units, setting min max, etc.

I was hoping to do something like this image

Hi Sir, I added an image below to show, I just want to know if this is possible with the overlay alone.

Using a 12 column grid you could do it no problem.

Ok great, so this is based on the container width, what is the container width you normally use?

I normally create my own custom container class set to max-width: 1140px; margin: 0 auto;. Note I don’t use the Grid for standard 2 dimensional layouts; flex is preferred in those cases.

1 Like