Streaming live at 10am (PST)

The "old" 960 grid system


Now that 3 new breakpoints can be created and most webflow users are probably working via CSS Grid, I wondered why the old 960 px grid system is still needed if this grid cannot be expanded together with the new and larger breakpoints ?

Thanks for your feedback and thoughts.

1 Like

@Toby yeah you are right. I stop using containers and use my own grid system with divs :slight_smile:

or there is a hint for this, add this to your custom code:
<style type="text/css"> @media screen and (min-width: 1200px) { .w-container { max-width: 1170px; } } </style>

@Toby - If you’re talking about the 960px grid overlay then I totally agree. This seems like something that should—at the very least—have some other options, but ideally I’d love to see a dynamic or manual grid overlay. I personally haven’t used the feature since my early days of Webflow as I tend to do all that planning in my design software (XD/Figma) prior to getting into the Designer.

@hurkan - Just in case you didn’t know, you can change the default Container element’s max-width natively in the Designer without breaking it’s functionality. Obviously you can recreate them manually with a centered div but I’ve found it to be just a bit more convenient to use the prebuilt option with a larger max-width:

1 Like

yeah you are right :wink:

1 Like