# Responsive Engine Row Layout Bug

**URL:** <https://forum.bubble.io/t/responsive-engine-row-layout-bug/191924>\
**Category:** Responsiveness\
**Created:** [February 16, 2022, 3:14pm UTC](https://forum.bubble.io/t/responsive-engine-row-layout-bug/191924 "2022-02-16T15:14:50Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![dnorton](https://avatars.discourse-cdn.com/v4/letter/d/b3f665/32.png) [@dnorton](https://forum.bubble.io/u/dnorton)\
**Post date:** [February 16, 2022, 3:14pm UTC](https://forum.bubble.io/t/responsive-engine-row-layout-bug/191924/1 "2022-02-16T15:14:50Z")

</div>

Problem: With the responsive engine enabled, two shape elements create an unnecessary amount of space between each other when the page width is reduced. Unable to configure this space

Steps to replicate:

1. Create a new blank project
2. Enable the responsive engine
3. Change page layout to row
4. Add 2 squares 200 x 200
5. Change the age width in the responsive tab

Expected behaviour:  
When the page width is too small, the second square should align with the immediate row below the first square (without a gap)

Current behaviour:  
The second square aligns below the first but there is a huge gap.

[Video](https://www.loom.com/share/520a782f577d4e5089aa162d0df05680?sharedAppSource=personal_library)

---

<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:** [February 16, 2022, 3:49pm UTC](https://forum.bubble.io/t/responsive-engine-row-layout-bug/191924/2 "2022-02-16T15:49:28Z")

</div>

> [@dnorton](#):
>
> The second square aligns below the first but there is a huge gap.

Check the **Min height** of the parent container (which might be the page in your case).

---

<div class="post-metadata">

**Author:** ![spencercharles11](https://avatars.discourse-cdn.com/v4/letter/s/4da419/32.png) [@spencercharles11](https://forum.bubble.io/u/spencercharles11)\
**Post date:** [February 23, 2022, 5:24am UTC](https://forum.bubble.io/t/responsive-engine-row-layout-bug/191924/3 "2022-02-23T05:24:53Z")

</div>

I’m seeing this too.

 ![Screenshot 2022-02-22 9.24.26 PM](https://us1.discourse-cdn.com/bubble/original/3X/3/a/3a0dbf166131826c89ddd6d87b12ed4bb6fb089b.png)

---

<div class="post-metadata">

**Author:** ![spencercharles11](https://avatars.discourse-cdn.com/v4/letter/s/4da419/32.png) [@spencercharles11](https://forum.bubble.io/u/spencercharles11)\
**Post date:** [February 23, 2022, 5:29am UTC](https://forum.bubble.io/t/responsive-engine-row-layout-bug/191924/4 "2022-02-23T05:29:11Z")

</div>

It seems that reducing the page height fixes the issue. I don’t quite understand why when everything is aligned to the top.

---

<div class="post-metadata">

**Author:** ![dnorton](https://avatars.discourse-cdn.com/v4/letter/d/b3f665/32.png) [@dnorton](https://forum.bubble.io/u/dnorton)\
**Post date:** [February 23, 2022, 7:16am UTC](https://forum.bubble.io/t/responsive-engine-row-layout-bug/191924/5 "2022-02-23T07:16:51Z")

</div>

Thank you, changed the page height to 200 seems to work that way

---

<div class="post-metadata">

**Author:** ![jackablett85](https://avatars.discourse-cdn.com/v4/letter/j/9fc29f/32.png) [@jackablett85](https://forum.bubble.io/u/jackablett85)\
**Post date:** [November 9, 2022, 2:35am UTC](https://forum.bubble.io/t/responsive-engine-row-layout-bug/191924/6 "2022-11-09T02:35:33Z")

</div>

For me changing parent heights works in the editor but not on the actual page in the browser.