# gutenify/trunk/core/dist/blocks/grid/style-index.css

Gutenify – Visual Site Builder Blocks & Starter Templates, version trunk. 2 lines.

- Page: https://pluginprobe.com/plugins/gutenify/trunk/code/core/dist/blocks/grid/style-index.css
- Raw: https://pluginprobe.com/plugins/gutenify/trunk/raw/core/dist/blocks/grid/style-index.css
- Modified: 2025-01-09T08:09:44+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/gutenify/trunk/code/core/dist/blocks/grid/style-index.css#L10-L20`.

```css
.wp-block-gutenify-grid{--gutenify--grid-template-columns:3;-moz-column-gap:var(--gutenify--grid-template-columngap,40px);column-gap:var(--gutenify--grid-template-columngap,40px);display:grid;grid-template-columns:repeat(var(--gutenify--grid-template-columns),1fr);justify-content:space-between;row-gap:var(--gutenify--grid-template-rowgap,40px)}@media screen and (max-width:780px){.wp-block-gutenify-grid{-moz-column-gap:var(--gutenify--grid-template-tablet-columngap,40px);column-gap:var(--gutenify--grid-template-tablet-columngap,40px);grid-template-columns:repeat(var(--gutenify--grid-template-tablet-columns,--gutenify--grid-template-columns),1fr);justify-content:space-between;row-gap:var(--gutenify--grid-template-tablet-rowgap,40px)}}@media screen and (max-width:360px){.wp-block-gutenify-grid{-moz-column-gap:var(--gutenify--grid-template-mobile-columngap,40px);column-gap:var(--gutenify--grid-template-mobile-columngap,40px);grid-template-columns:repeat(var(--gutenify--grid-template-mobile-columns,--gutenify--grid-template-columns),1fr);justify-content:space-between;row-gap:var(--gutenify--grid-template-mobile-rowgap,40px)}}

```