CSS grid: release 2.0
We’ve made some major updates and improvements to grid layout in Webflow that makes designing responsive layouts even easier.
<p>The <a href="<https://webflow.com/blog/build-css-grid-layouts-visually-in-webflow>" data-rt-link-type="external">launch of CSS grid</a> 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.</p><p>Today’s <a href="<https://webflow.com/blog/css-grid-release-2-0>" data-rt-link-type="external">release</a> 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.</p><figure class="w-richtext-figure-type-image w-richtext-align-center" data-rt-type="image" data-rt-align="center" data-rt-max-width="720px" style="max-width:720px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c886isrf2Enlmg22iEuJCHWIP1TSLg1b6hu8prhQliPg2l1gYgLJvAn4azOfoRVtwHCwUX7T34oBEWWQjCe2ImiKBEM2d57P3iwWPuMt-q5dD2rLsED25lt5jvYELEAeFQC4d39jF.gif>"></div><figcaption>A look at the new automatic positioning rules included in today’s 2.0 release.</figcaption></figure><p>For a full look at all the changes introduced in today’s 2.0 release, check out our <a href="<https://webflow.com/blog/css-grid-release-2-0>" data-rt-link-type="external">blog post</a>.</p><p>And if you’re still new to grid layout, check out our <a href="<https://university.webflow.com/courses/grid>" data-rt-link-type="external">full course on Webflow University</a>, which provides an overview of this layout system along with step by step tutorials for rebuilding some example (cloneable) layouts.</p>
