# Responsive: Make left element drop to next line

**URL:** <https://forum.bubble.io/t/responsive-make-left-element-drop-to-next-line/151568>\
**Category:** Questions\
**Created:** [May 17, 2021, 8:07am UTC](https://forum.bubble.io/t/responsive-make-left-element-drop-to-next-line/151568 "2021-05-17T08:07:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![spali](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@spali](https://forum.bubble.io/u/spali)\
**Post date:** [May 17, 2021, 8:07am UTC](https://forum.bubble.io/t/responsive-make-left-element-drop-to-next-line/151568/1 "2021-05-17T08:07:40Z")

</div>

Hi. I have an issue with responsive behavior. Is there an option to make the left element in a group hop to the next line instead of the right? See my illustration below. It always brings the right element to next line if the view port gets smaller. However, the order of the elements are not optimal then, as it should be text on top and the image follows. In my scenario I have Text, Image, Image, Text, Image. How can I make it to become Text, Image, text image, text image?

Hope someone can help? Thanks.

 ![Responsive_Design_challange](https://us1.discourse-cdn.com/bubble/original/3X/3/6/3648d7bf97330f09bcc032b80c9911305fb09004.png)

---

<div class="post-metadata">

**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\
**Post date:** [May 17, 2021, 2:15pm UTC](https://forum.bubble.io/t/responsive-make-left-element-drop-to-next-line/151568/2 "2021-05-17T14:15:50Z")

</div>

Hey @spali 👋

Welcome to the Bubble Community! 🎉 🎊

This post should help you out. You just have to reverse one of your groups.

Check it out: [Reverse element positions on mobile - Quick tip!](http://forum.bubble.io/t/reverse-element-positions-on-mobile-quick-tip/118885)

Hope that helps! 😊

@j805 [www.NoCodeMinute.com](http://www.NoCodeMinute.com)

**For All Your No-Code Education Needs:**

- One-on-One Tutoring
- eLearning Hub
- Video Tutorials

---

<div class="post-metadata">

**Author:** ![spali](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@spali](https://forum.bubble.io/u/spali)\
**Post date:** [May 17, 2021, 6:25pm UTC](https://forum.bubble.io/t/responsive-make-left-element-drop-to-next-line/151568/3 "2021-05-17T18:25:25Z")

</div>

Hi @J805 thank you so much for your help. This is the solution. However, I did not manage to make it work. I inclueded the code in the pager header. And named the group with the two child groups “elementContainer”. What could I still be doing wrong? Hope you can help me. Thanks

Is is it only working on the payed plan?  
 ![Pic](https://us1.discourse-cdn.com/bubble/original/3X/4/9/49ffe10eb3a35a69fd57c4f67ace675448381a37.png)

---

<div class="post-metadata">

**Author:** ![spali](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@spali](https://forum.bubble.io/u/spali)\
**Post date:** [May 17, 2021, 6:43pm UTC](https://forum.bubble.io/t/responsive-make-left-element-drop-to-next-line/151568/4 "2021-05-17T18:43:38Z")

</div>

Hi @J805 i upgraded to the personal plan (payed version) now it works. Very much appreciated your help!!

---

<div class="post-metadata">

**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\
**Post date:** [May 17, 2021, 7:59pm UTC](https://forum.bubble.io/t/responsive-make-left-element-drop-to-next-line/151568/5 "2021-05-17T19:59:22Z")

</div>

So glad it worked! 😊