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.](https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c97c_EgAVRsRCXhaT8LuejYKqWn9ybAkUUjJ6ncDXPXQOjfDlVS4Nt9T5kmWeTByMbfjBhweUnm5qIIA6ykqWt0_lIW4-gNI0RoY5Y_gc7ala_r2w8p2o0v7FJHa_0aL7crVU0siOttUq.gif)
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.
![](https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c8f3_eXSJnuVnZkE1z6zctu01d3dDOpfpz2lMRIv1mnTeTGmp6eEmVzVdlNboVeMSqcueRDztKJwxqEGP2EVnxYG7GNxGf3x_WntasJYyVCghJOBIl2480bJ5b_ZPqCGQaqxa_yXW7r0a.gif)
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.