> For the complete documentation index, see [llms.txt](https://sygnal.gitbook.io/sygnal-webflow-components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sygnal.gitbook.io/sygnal-webflow-components/cc/sygnal-layout/grid.md).

# Grid ✅

Simple CSS grid implementation, which arranges the slotted items into a grid layout. 

## Goals 

* Simple slottable Grid layout for quick page composition of card-based layouts. 

## Usage Notes

This component exists to satisfy Webflow's slot restrictions- in that only components can be slotted within order components. 

A typical construction will be; 

* Section component, with a large content slot 
* Containing a layout component like this grid component 
* Which then has the content slotted. 

Columns are fixed 1fr, there is currently no feature for variable column sizes. 

## Properties

| Property | Type   | Notes |
| -------- | ------ | ----- |
| Columns  | Number | 1-100 |

## Future

* Collection List unwrapping