# Apply gap spacing between elements

**URL:** <https://forum.bubble.io/t/apply-gap-spacing-between-elements/212987>\
**Category:** Responsiveness\
**Created:** [June 26, 2022, 8:41pm UTC](https://forum.bubble.io/t/apply-gap-spacing-between-elements/212987 "2022-06-26T20:41:11Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![ferreirjoao](https://avatars.discourse-cdn.com/v4/letter/f/e0b2c6/32.png) [@ferreirjoao](https://forum.bubble.io/u/ferreirjoao)\
**Post date:** [June 26, 2022, 8:41pm UTC](https://forum.bubble.io/t/apply-gap-spacing-between-elements/212987/1 "2022-06-26T20:41:11Z")

</div>

On a native mobile page app, I have used the option “apply gap spacing between elements” option for most of my formating, to space out elements in forms and groupd when using row our column groups,.  
It works well on mobile phone layout, but when testing on a tablet the space defined is simply not showing up, the elements touch each other instead of applying the gap pixels (usually 10px row or column).

Has anyone noticed this yet? And if yes how to solve it?

---

<div class="post-metadata">

**Author:** ![sudsy](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sudsy/32/114637_2.png) [@sudsy](https://forum.bubble.io/u/sudsy)\
**Post date:** [June 26, 2022, 10:09pm UTC](https://forum.bubble.io/t/apply-gap-spacing-between-elements/212987/2 "2022-06-26T22:09:20Z")

</div>

> [@ferreirjoao](#):
>
> when testing on a tablet the space defined is simply not showing up

Which tablet? I haven’t tested that specifically, so I’d be curious to know. If it’s highly reproducible, I’d suggest submitting a [bug report](https://bubble.io/bug_report) because Bubble claims to support all major browsers on desktop and mobile.

---

<div class="post-metadata">

**Author:** ![ferreirjoao](https://avatars.discourse-cdn.com/v4/letter/f/e0b2c6/32.png) [@ferreirjoao](https://forum.bubble.io/u/ferreirjoao)\
**Post date:** [June 27, 2022, 9:44am UTC](https://forum.bubble.io/t/apply-gap-spacing-between-elements/212987/3 "2022-06-27T09:44:45Z")

</div>

iPad Air iOS 12.5.5

Here’s a screenshot of the iPad page versus the iphone page

 ![IMG_0011](https://us1.discourse-cdn.com/bubble/original/3X/b/1/b1fa3ea1151ed7782e5b036f0ac1581e300de34c.jpeg)  
 ![IMG_8985](https://us1.discourse-cdn.com/bubble/original/3X/e/8/e80b418b6302f15ec3591929bd565c53a3f0e0bd.jpeg)

---

<div class="post-metadata">

**Author:** ![sudsy](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sudsy/32/114637_2.png) [@sudsy](https://forum.bubble.io/u/sudsy)\
**Post date:** [June 27, 2022, 11:44am UTC](https://forum.bubble.io/t/apply-gap-spacing-between-elements/212987/4 "2022-06-27T11:44:39Z")

</div>

> [@ferreirjoao](#):
>
> iPad Air iOS 12.5.5

Is the iPhone running the same version of iOS?

[Here’s](https://manual.bubble.io/help-guides/testing-an-application/supported-browsers) Bubble’s official browser support policy.

---

<div class="post-metadata">

**Author:** ![ferreirjoao](https://avatars.discourse-cdn.com/v4/letter/f/e0b2c6/32.png) [@ferreirjoao](https://forum.bubble.io/u/ferreirjoao)\
**Post date:** [June 28, 2022, 9:45am UTC](https://forum.bubble.io/t/apply-gap-spacing-between-elements/212987/5 "2022-06-28T09:45:47Z")

</div>

No, iphone is running iOs 15.5, of course it can explain, probably the iPad version is not supported on this feature.

---

<div class="post-metadata">

**Author:** ![karazabat4k](https://avatars.discourse-cdn.com/v4/letter/k/6f9a4e/32.png) [@karazabat4k](https://forum.bubble.io/u/karazabat4k)\
**Post date:** [July 4, 2022, 9:07am UTC](https://forum.bubble.io/t/apply-gap-spacing-between-elements/212987/6 "2022-07-04T09:07:38Z")

</div>

I have the same problem. But on my desktop everything is ok, but on client’s desktop its looking awful. We tried different browsers and OS.  
please answer me if you would solve this problem

---

<div class="post-metadata">

**Author:** ![adamhholmes](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/adamhholmes/32/100510_2.png) [@adamhholmes](https://forum.bubble.io/u/adamhholmes)\
**Post date:** [July 4, 2022, 11:18am UTC](https://forum.bubble.io/t/apply-gap-spacing-between-elements/212987/7 "2022-07-04T11:18:26Z")

</div>

@karazabat4k  
As explained elsewhere in the forum, gap spacing is only supported by Safari in versions 14.1 and higher…

So, if your users are using older versions of Safari you might want to use another method of spacing your elements.

---

<div class="post-metadata">

**Author:** ![karazabat4k](https://avatars.discourse-cdn.com/v4/letter/k/6f9a4e/32.png) [@karazabat4k](https://forum.bubble.io/u/karazabat4k)\
**Post date:** [July 4, 2022, 12:29pm UTC](https://forum.bubble.io/t/apply-gap-spacing-between-elements/212987/8 "2022-07-04T12:29:21Z")

</div>

I use chrome, and everything works well. and it worked in old version.  
whatever, thank you your reply.

---

<div class="post-metadata">

**Author:** ![ihsanzainal84](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ihsanzainal84/32/245932_2.png) [@ihsanzainal84](https://forum.bubble.io/u/ihsanzainal84)\
**Post date:** [July 5, 2022, 1:53am UTC](https://forum.bubble.io/t/apply-gap-spacing-between-elements/212987/9 "2022-07-05T01:53:11Z")

</div>

If support for older Safari versions is important to you then revert back to using margins.
