# Layout for Web App

**URL:** <https://forum.adalo.com/t/layout-for-web-app/25642>\
**Category:** Design\
**Created:** [April 6, 2022, 11:47pm UTC](https://forum.adalo.com/t/layout-for-web-app/25642 "2022-04-06T23:47:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mmccray](https://avatars.discourse-cdn.com/v4/letter/m/ecd19e/32.png) [@mmccray](https://forum.adalo.com/u/mmccray)\
**Post date:** [April 6, 2022, 11:47pm UTC](https://forum.adalo.com/t/layout-for-web-app/25642/1 "2022-04-06T23:47:44Z")

</div>

Help! I’m having issues with layout looking one way in the design view and another way in the browser. I tried using the rectangles and grouping items together but still cannot get the desired layout. Here’s an example:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/d/3/d3d7c4f110416120a2b92a3f5fa354cf0196dc3d.jpeg) - in Adalo (design view)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/7/6/76706e079137da89a09e46566712753b2bb9ce6a.jpeg) - in Browser (FireFox)

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [April 7, 2022, 4:54am UTC](https://forum.adalo.com/t/layout-for-web-app/25642/2 "2022-04-07T04:54:04Z")

</div>

Hi @mmccray,

I’m sorry that you are facing this issue!

Is it possible to show your setup from a video? Or maybe a clonable app?

Thank you

---

<div class="post-metadata">

**Author:** ![Flawless](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/flawless/32/20131_2.png) [@Flawless](https://forum.adalo.com/u/Flawless)\
**Post date:** [April 7, 2022, 2:19pm UTC](https://forum.adalo.com/t/layout-for-web-app/25642/3 "2022-04-07T14:19:54Z")

</div>

Hey there @mmccray

I was able to reproduce your issue.

All you gotta do is put an invisible rectangle behind the title and the form group. Then group those 3 together.

Like this:

 ![Screen Shot 2022-04-07 at 8.18.59 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/f/2/f201b72c76768607b3733ea9b80614a59af24dfb.png)

---

<div class="post-metadata">

**Author:** ![mmccray](https://avatars.discourse-cdn.com/v4/letter/m/ecd19e/32.png) [@mmccray](https://forum.adalo.com/u/mmccray)\
**Post date:** [April 20, 2022, 8:51pm UTC](https://forum.adalo.com/t/layout-for-web-app/25642/4 "2022-04-20T20:51:09Z")

</div>

Thank you, I appreciate it!