# What Is Causing This?

**URL:** <https://forum.bubble.io/t/what-is-causing-this/4923>\
**Category:** Uncategorized\
**Created:** [August 3, 2016, 7:23pm UTC](https://forum.bubble.io/t/what-is-causing-this/4923 "2016-08-03T19:23:21Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![JustinC](https://avatars.discourse-cdn.com/v4/letter/j/da6949/32.png) [@JustinC](https://forum.bubble.io/u/JustinC)\
**Post date:** [August 3, 2016, 7:23pm UTC](https://forum.bubble.io/t/what-is-causing-this/4923/1 "2016-08-03T19:23:22Z")

</div>

For the life of me I’m trying to understand how to work the responsive settings.

> **[Bubble Editor - testingapplication604](https://bubble.io/page?type=page&name=test_index&id=testingapplication604&tab=tabs-1)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

I try and explain box margins but everything is at 0px and nothing is identified.

What is the white space (index) here and how can i adjust them and get rid of them?

 ![](https://us1.discourse-cdn.com/bubble/original/2X/1/1949cb1b3ed94d3099bdeb57971e0086048147a9.png)

 ![](https://us1.discourse-cdn.com/bubble/original/2X/b/bf617cd655805bb63f0d7e9a31c329af25ad2efb.png)

---

<div class="post-metadata">

**Author:** ![andrewgassen](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/andrewgassen/32/44248_2.png) [@andrewgassen](https://forum.bubble.io/u/andrewgassen)\
**Post date:** [August 3, 2016, 9:15pm UTC](https://forum.bubble.io/t/what-is-causing-this/4923/2 "2016-08-03T21:15:36Z")

</div>

As with most things of this nature, it’s really hard to tell without a link to the editor. Could you share or copy the page to the forum app?

---

<div class="post-metadata">

**Author:** ![JustinC](https://avatars.discourse-cdn.com/v4/letter/j/da6949/32.png) [@JustinC](https://forum.bubble.io/u/JustinC)\
**Post date:** [August 4, 2016, 11:56am UTC](https://forum.bubble.io/t/what-is-causing-this/4923/3 "2016-08-04T11:56:48Z")

</div>

Forgot the link!

> **[Bubble Editor - testingapplication604](https://bubble.io/page?type=page&name=test_index&id=testingapplication604&tab=tabs-1)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

Is the page. As you can see it’s jarbling up as it’s moving and I cant quite figure out what’s causing it. Driving me nuts!

🙂

---

<div class="post-metadata">

**Author:** ![vincent56](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/vincent56/32/16009_2.png) [@vincent56](https://forum.bubble.io/u/vincent56)\
**Post date:** [August 4, 2016, 12:55pm UTC](https://forum.bubble.io/t/what-is-causing-this/4923/4 "2016-08-04T12:55:56Z")

</div>

I think its because the text is too long. I’m having a similar issue, and depending on how tall the text is, the bg element stretches horizontally. Have yet to find a solution to this, so I’ll be tracking this.

---

<div class="post-metadata">

**Author:** ![JustinC](https://avatars.discourse-cdn.com/v4/letter/j/da6949/32.png) [@JustinC](https://forum.bubble.io/u/JustinC)\
**Post date:** [August 4, 2016, 4:48pm UTC](https://forum.bubble.io/t/what-is-causing-this/4923/5 "2016-08-04T16:48:08Z")

</div>

How can the text shrink as the page shrinks? This should be standard. On a smaller screen the text does not shrink in size and it’s very large when on a mobile device. If this is what’s causing this issue I can’t find any solution. If anyone knows what’s going on please advise.

---

<div class="post-metadata">

**Author:** ![raymond](https://avatars.discourse-cdn.com/v4/letter/r/c57346/32.png) [@raymond](https://forum.bubble.io/u/raymond)\
**Post date:** [August 4, 2016, 5:04pm UTC](https://forum.bubble.io/t/what-is-causing-this/4923/6 "2016-08-04T17:04:56Z")

</div>

@JustinC have a look at the conditional formatting I’ve done on the two text elements and see what impact it has in responsive

---

<div class="post-metadata">

**Author:** ![JustinC](https://avatars.discourse-cdn.com/v4/letter/j/da6949/32.png) [@JustinC](https://forum.bubble.io/u/JustinC)\
**Post date:** [August 4, 2016, 5:09pm UTC](https://forum.bubble.io/t/what-is-causing-this/4923/7 "2016-08-04T17:09:58Z")

</div>

Didn’t think of that!

I also read here: [A group of three text elements inside 3 groups not collapsing](http://forum.bubble.io/t/a-group-of-three-text-elements-inside-3-groups-not-collapsing/3417) and it seems that when you’re designing elements to go side by side, group them into two different groups (left and a right) and then add your Element inside of those groups.

If those groups are fixed width they will move on top of one another I assume?

Is this the best approach for designing to group side by side elements into their own seperate groups and fix the container width?

---

<div class="post-metadata">

**Author:** ![dylan.phillipslevine](https://avatars.discourse-cdn.com/v4/letter/d/8baadc/32.png) [@dylan.phillipslevine](https://forum.bubble.io/u/dylan.phillipslevine)\
**Post date:** [August 4, 2016, 5:13pm UTC](https://forum.bubble.io/t/what-is-causing-this/4923/8 "2016-08-04T17:13:28Z")

</div>

Justin, instead of using the responsive engine, decide what your primary user is going to be using then scale it off of that. I stick with 480 pixels personally because it scales nicely on desktop as well as mobile. The responsive engine is REALLY cool, but don’t make it your focal point.

---

<div class="post-metadata">

**Author:** ![JustinC](https://avatars.discourse-cdn.com/v4/letter/j/da6949/32.png) [@JustinC](https://forum.bubble.io/u/JustinC)\
**Post date:** [August 4, 2016, 5:51pm UTC](https://forum.bubble.io/t/what-is-causing-this/4923/9 "2016-08-04T17:51:17Z")

</div>

So you’re saying start of in the UI builder with a max width of 480 to have it render OK on desktop or mobile?

---

<div class="post-metadata">

**Author:** ![dylan.phillipslevine](https://avatars.discourse-cdn.com/v4/letter/d/8baadc/32.png) [@dylan.phillipslevine](https://forum.bubble.io/u/dylan.phillipslevine)\
**Post date:** [August 4, 2016, 6:41pm UTC](https://forum.bubble.io/t/what-is-causing-this/4923/10 "2016-08-04T18:41:50Z")

</div>

That’s the way I would do it personally. Is it designed to be a Web page or an app? Both? Don’t jump straight into a product you that is exceedingly complex. Start with basic functionality and format, then expand.

---

<div class="post-metadata">

**Author:** ![raymond](https://avatars.discourse-cdn.com/v4/letter/r/c57346/32.png) [@raymond](https://forum.bubble.io/u/raymond)\
**Post date:** [August 4, 2016, 8:55pm UTC](https://forum.bubble.io/t/what-is-causing-this/4923/11 "2016-08-04T20:55:49Z")

</div>

I always keep 360 in mind. That’s the width of the Galaxy S7
