Streaming live at 10am (PST)

Auto Generated Columns in CSS Grid


I have setup a simple grid with 4 Columns and 4 Rows but Webflow keeps auto generating two more columns. How do I get rid of them?

Screenshot of Grid Settings

Every Grid Child is positioned manually with Column Start 2 / Column End 3 and aligned Auto. I found another thread here in the forum where it said every child should be placed Auto. I did that.

Screenshot of Grid Child

Any Ideas what I’ve messed up here?

And sorry, I cant share the site at the moment because it’s under progress and underlies multiple nda’s.
I hope you can understand that :confused:

Thanks in Advance.

Edit 1) I just inspected the site in the Browser and found out If disable grid-template-areas in the developer Tools it seems to work. There are now only the four columns I want. Seems like there is a fith and sixth column If grid-template-areas is enabled though.