# CSS Grid - Different column and row gap values

**URL:** <https://forum.pinegrow.com/t/css-grid-different-column-and-row-gap-values/2449>\
**Category:** General\
**Tags:** new-feature\
**Created:** [November 27, 2018, 7:39pm UTC](https://forum.pinegrow.com/t/css-grid-different-column-and-row-gap-values/2449 "2018-11-27T19:39:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Post date:** [November 27, 2018, 7:39pm UTC](https://forum.pinegrow.com/t/css-grid-different-column-and-row-gap-values/2449/1 "2018-11-27T19:39:21Z")

</div>

Hi there all. CSS grid question here.  
hand writing css grid I can specify different values for the rows and columns gap. In PG though i just see the field “gap” which affects both row and column. Maybe there is something i am missing.  
example \*  
grid-column-gap: 0px;  
grid-row-gap: 20px;  
Thanks all

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [November 28, 2018, 12:12am UTC](https://forum.pinegrow.com/t/css-grid-different-column-and-row-gap-values/2449/2 "2018-11-28T00:12:58Z")

</div>

hi @red-rosefields, have you opened the hand written code in Pinegrow and seen if the number you have entered appear in one of the fields/slider?

---

<div class="post-metadata">

**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Post date:** [November 28, 2018, 9:11am UTC](https://forum.pinegrow.com/t/css-grid-different-column-and-row-gap-values/2449/3 "2018-11-28T09:11:55Z")

</div>

I see the line “grid-gap: 20px” which is the value i set with the using the css grid visual helper. If i manually change that line to grid-column-gap: 0px and grid-row-gap: 20px; i see no change reflected to the layout.

---

<div class="post-metadata">

**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Post date:** [November 28, 2018, 9:14am UTC](https://forum.pinegrow.com/t/css-grid-different-column-and-row-gap-values/2449/4 "2018-11-28T09:14:38Z")

</div>

Oh nevermind! i found it! the property is editable under the visual editor tab, selecting the body element which is where the grid is placed.  
Thanks anyway!