Reuse grid layouts more easily with grid template areas

Following up our recent 2.0 release of CSS grid support, we’re expanding the power of grid even further with grid template areas: a new way to position items within a grid that makes reusing layouts 10 times easier.

Define grid template areas right on the canvas.
Define grid template areas right on the canvas.

Along with other benefits, grid template areas allow you to restructure recurring layouts in a few clicks and impact every instance of that layout — without worrying about the content within it. In effect, this enables you to create something like content agnostic symbols.

Make sweeping changes to recurring layouts across your site in just a few clicks.

For a full look at the changes and new workflows this unlocks (and a bunch of cloneable layouts) check out our release notes blog post.

Define grid template areas to reuse grid layouts with ease — and make sweeping changes to recurring layouts in a fraction of the time.

Resources

Other 

Web Design

 Features