Display: grid in Webstudio

[mmm777]

Hello, is it possible to implement a grid in Webstudio? In Webflow, it's a very handy tool.

[kof]

Currently only with custom CSS over HTML Embed

[bryanbemis]

These instructions worked for me: How to use grid display in Webstudio?.

Some tips:

1. After entering your code in the HTML Embed component, make sure you turn on the "Show" and "Run script on canvas" switches there or you'll wonder why it isn't working.
   

2. You'll need to apply the grid class name you defined in the HTML Embed to the grid wrapper component. Do not add this as a design token under Style > Style Sources as usual. Instead, you need to add the class name in Settings > Properties > Class Name. Also, make sure the "Show" switch is turned on.