# Box automatic placement **URL:** \ **Category:** Design\ **Created:** [September 4, 2021, 12:28am UTC](https://forum.adalo.com/t/box-automatic-placement/16812 "2021-09-04T00:28:38Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\ **Post date:** [September 4, 2021, 12:28am UTC](https://forum.adalo.com/t/box-automatic-placement/16812/1 "2021-09-04T00:28:38Z")
Isn’t it borderline funny how crazy it makes you that you create a well looking page on web-creator, only to visit the page through your mobile device to see all the boxes with text and picture you have made are unaligned, misplaced and uneven accordingly to where you supposedly placed them. I have tried putting see-through boxes in between to claim the space, I’ve tried to group some, and even all objects, before i fix them to bottom screen. How do you guys do it? In an perfect world the web-creator shows me exactly where and how on the page the different objects will appear. ---
**Author:** ![Shunsuke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/shunsuke/32/11175_2.png) [@Shunsuke](https://forum.adalo.com/u/Shunsuke)\ **Post date:** [September 5, 2021, 2:22am UTC](https://forum.adalo.com/t/box-automatic-placement/16812/2 "2021-09-05T02:22:52Z")
In my case too, there is a discrepancy between the placement in the editor and the actual components of the application. In particular, if you change the display or non-display of a component using a conditional branch, the appearance of the component collapses at once. As a countermeasure, I place invisible boxes between the components. ---
**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\ **Post date:** [September 5, 2021, 2:45am UTC](https://forum.adalo.com/t/box-automatic-placement/16812/3 "2021-09-05T02:45:53Z")
I have tried with invisible boxes since I saw someone recommend it, has not worked out for me. ---
**Author:** ![Shunsuke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/shunsuke/32/11175_2.png) [@Shunsuke](https://forum.adalo.com/u/Shunsuke)\ **Post date:** [September 5, 2021, 2:48am UTC](https://forum.adalo.com/t/box-automatic-placement/16812/4 "2021-09-05T02:48:44Z")
This article may be of interest to you. > **[デザイナーのAdalo実装｜消えた要素の「空白」を上手く埋める実装方法｜ノーコード部｜Bubble, PowerApps, Adalo,...](https://note.com/nocode_div/n/nbcc02697979c)** > > c3reveデザイナーのオサダです。 Adaloの実装時に、隣り合う要素が片方消えたとき、消えた分だけ移動するけど、微妙にズレたり、無駄なスペースが発生して、レイアウトが上手く組めない時があります。そんな時に、いい感じに要素を詰めるレイアウト配置の方法をご紹介します。 この記事に向いている方 ・Adaloの実装を少しでもしたことがある方 今回の例として、以下の状態で説明します。 下図のような時に「type - A」が消えたら、 こうしたい👇 ... ---
**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\ **Post date:** [September 5, 2021, 2:52am UTC](https://forum.adalo.com/t/box-automatic-placement/16812/5 "2021-09-05T02:52:55Z")
Actually my other post regarding same issue the boxes you mentioned, have invisible boxes between them, see in this picture. Will look at article. ![UNALIGNEMENT PCSCREEN EDIT STYLE](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/c/cfd9f6d45dde9c46174fc87d66a5765caf8e1a1a.png) ---
**Author:** ![Shunsuke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/shunsuke/32/11175_2.png) [@Shunsuke](https://forum.adalo.com/u/Shunsuke)\ **Post date:** [September 5, 2021, 3:07am UTC](https://forum.adalo.com/t/box-automatic-placement/16812/6 "2021-09-05T03:07:20Z")
Is this not a list by any chance? Are they all independent components? If so, listing them might help. ![2021-09-05_12-11-05](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/4/4f4be51f8e3bd5d5335c3b8d437813fbc121f768.png)