TL;DR: We’ve made some major updates and improvements to grid layout in Webflow that makes designing responsive layouts even easier — including support for grid on collection and ecommerce product lists.
The launch of CSS grid in October 2018 took layout in Webflow a dramatic step forward. But as we mentioned in our launch post, that release was only the beginning, covering only part of the full spec for CSS grid.
Today’s release introduces a ton of new power to grid layout in Webflow, making designing responsive layouts even easier — and now covering almost 90% of the CSS grid spec.
A look at the new automatic positioning rules included in today’s 2.0 release.
For a full look at all the changes introduced in today’s 2.0 release, check out our blog post.
And if you’re still new to grid layout, check out our full course on Webflow University, which provides an overview of this layout system along with step by step tutorials for rebuilding some example (cloneable) layouts.
This does not sound like expected behavior. I’d love to help if possible. Would you mind creating a new post under Design with details of the issue, your read-only link, and @ tag me. That would be helpful if you can do so.
Yesterday I had similar problems with a grid layout going crazy. Although the preview and exported site was looking okay. Logging out and quitting the browser (Safari) solved the issue in the end.
