# 2.5 vertical row spacing

**URL:** <https://community.gravityforms.com/t/2-5-vertical-row-spacing/9853>\
**Category:** Get Help\
**Tags:** custom, columns, css, conditional-logic\
**Created:** [June 16, 2021, 3:45pm UTC](https://community.gravityforms.com/t/2-5-vertical-row-spacing/9853 "2021-06-16T15:45:03Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![user5ea97e6b9a949129](https://avatars.discourse-cdn.com/v4/letter/u/eb8c5e/32.png) [@user5ea97e6b9a949129](https://community.gravityforms.com/u/user5ea97e6b9a949129)\
**Post date:** [June 16, 2021, 3:45pm UTC](https://community.gravityforms.com/t/2-5-vertical-row-spacing/9853/1 "2021-06-16T15:45:04Z")

</div>

Hi, the new grid/column feature is interesting, but there seems to be no way to allow for vertical row spacing. For example, let’s say I wanted to put three fields (name, email, phone) on the left hand side of the page and an image that was the same height as those three fields on the right hand side. The resulting page is a mess, because the name and image fields would be on the first row. Then there would be a big space under the name field until we get to the scond row, where the email field would be displayed (with nothing on the right hand side), and the phone field on the third row (agian with nothing on the right hand side).

I use a plugin to do this now, but I’d rather use buit-in features if possible. Is there any way to fix this?

You can see a sample of what I’d like here (select regular domestic cleaning in the first drop down): [Form Test - Regular Domestic Only - Cleaning Express](https://cleaning-express.com/form-test-regular-domestic-only/)

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [June 16, 2021, 5:36pm UTC](https://community.gravityforms.com/t/2-5-vertical-row-spacing/9853/2 "2021-06-16T17:36:59Z")

</div>

Does this help you with what you are trying to achieve?

> **[Adding Row Spans in the 2.5 Form Editor - Gravity Forms Documentation](https://docs.gravityforms.com/adding-row-spans-in-the-2-5-form-editor/)**
>
> Add fields that span multiple rows to your Gravity Forms in the 2.5 Editor using CSS Grid.

---

<div class="post-metadata">

**Author:** ![user5ea97e6b9a949129](https://avatars.discourse-cdn.com/v4/letter/u/eb8c5e/32.png) [@user5ea97e6b9a949129](https://community.gravityforms.com/u/user5ea97e6b9a949129)\
**Post date:** [June 18, 2021, 2:09pm UTC](https://community.gravityforms.com/t/2-5-vertical-row-spacing/9853/3 "2021-06-18T14:09:53Z")

</div>

Hi Chris, this looks great and I will give it a go later today. As the grod structure now uses DIVs do you think it’s possible to make the right-hand-side section sticky (i.e. it stays on the page as the user scrolls down)?

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [June 18, 2021, 2:37pm UTC](https://community.gravityforms.com/t/2-5-vertical-row-spacing/9853/4 "2021-06-18T14:37:28Z")

</div>

I have not seen anyone do that yet, but if you accomplish it, please let us know and share a URL where we can see that. Thank you.

---

<div class="post-metadata">

**Author:** ![user5ea97e6b9a949129](https://avatars.discourse-cdn.com/v4/letter/u/eb8c5e/32.png) [@user5ea97e6b9a949129](https://community.gravityforms.com/u/user5ea97e6b9a949129)\
**Post date:** [August 20, 2021, 12:07am UTC](https://community.gravityforms.com/t/2-5-vertical-row-spacing/9853/5 "2021-08-20T00:07:19Z")

</div>

Hi, I have been working on this problem and have a new issue. At the moment, using row spans it is possible to place one field on the, say, the right hand side and multiple fields on the left. But what If I want to use conditional logic to display different fields depending on the selection of a field on the right hand side? A simple example would be to show a different image on the right depending on a drop down on the left. But the drag-and-drop system doesn’t allow for multiple items in the same space on the grid

The grid also doesn’t allow blank spaces (a field cannot be placed on the right side if nothing is in the left hand colums of the row.

Any thoughts?

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [August 22, 2021, 6:42pm UTC](https://community.gravityforms.com/t/2-5-vertical-row-spacing/9853/6 "2021-08-22T18:42:40Z")

</div>

Hi Michael. I have not found a way to do that. However, I will leave this open in case anyone has anything they can add to the conversation.

---

<div class="post-metadata">

**Author:** ![user5be7b0c7e65234.7](https://avatars.discourse-cdn.com/v4/letter/u/6f9a4e/32.png) [@user5be7b0c7e65234.7](https://community.gravityforms.com/u/user5be7b0c7e65234.7)\
**Post date:** [October 20, 2021, 6:40pm UTC](https://community.gravityforms.com/t/2-5-vertical-row-spacing/9853/7 "2021-10-20T18:40:47Z")

</div>

This is also an issue for us. Once we disabled the Legacy Markup, we have a ton of spacing issues. This is because we have two columns, with one field on the right column and 6 on the left. We use conditional logic to display only one of those 6 fields on the left, however, if the very top field is not made visible by the conditional logic, then the item on the left and right are not aligned and there is awkward spacing because of this. Is there any way that I can get whatever field appears out of the 6 in the left column to float to the top so that it is aligned with the one field that is on the right?

---

<div class="post-metadata">

**Author:** ![richardw8k](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/richardw8k/32/2354_2.png) [@richardw8k](https://community.gravityforms.com/u/richardw8k)\
**Post date:** [January 4, 2022, 4:58pm UTC](https://community.gravityforms.com/t/2-5-vertical-row-spacing/9853/8 "2022-01-04T16:58:52Z")

</div>


