Back to updates
Enhancement
Layout & design

Grid now supported in symbols

We’ve just added support for grid in symbols — so now you can easily build (and reuse) repeating elements like footers, navs, and more with the power of grid.

Grid now supported in symbols

<p>If you read our <a href="<https://webflow.com/blog/build-css-grid-layouts-visually-in-webflow>" data-rt-link-type="external">release notes</a> closely (or played around with grid on your sites) you may have noticed that <a href="<https://university.webflow.com/article/symbols>" data-rt-link-type="external">symbols</a> containing grid elements haven’t been rendering correctly on published sites. Well, good news: we’ve fixed that!</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1088px" style="max-width:1088px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c5ad_Screen%20Shot%202018-10-18%20at%203.14.41%20PM.png>" alt="Footer bult with grid layout tools."></div><figcaption>Bring on the grid-based footers.</figcaption></figure><p>So now you can go wild with grid in footers, symbols, sidebars, forms, and whatever other grid-based components you want to use in multiple places on your site. Let the grid times roll, am I right?<br></p>


Launched on
October 18, 2018
Category
Layout & design

Related updates

Truncate long content with text overflow

Truncate long content with text overflow

Learn more
Text Decoration Styles

Text Decoration Styles

Learn more
New variable types: Number and Percentage

New variable types: Number and Percentage

Learn more
Component style variants is now available

Component style variants is now available

Learn more
Manage variables at scale with reordering and bulk actions

Manage variables at scale with reordering and bulk actions

Learn more
Drop shadow filters

Drop shadow filters

Learn more