Component placement is misaligned

Get Help
1

Screenshot_2023-11-13-01-13-01-157_com.android.chrome
Screenshot_2023-11-13-01-13-01-157_com.android.chrome1080×2340 113 KB

How do I ensure that the placement of components is not messy like this?

2

Watch the adalo youtube videos on responsive layout / design

3

I’ve watched it, I think it’s more about switching between devices, smartphone, tablet, laptop

Meanwhile, my problem is more component specific

IMG_20231113_102359
IMG_20231113_1023591080×2340 183 KB

Screenshot_2023-11-13-10-43-59-513_com.android.chrome
Screenshot_2023-11-13-10-43-59-513_com.android.chrome1080×2340 114 KB

4

Can anyone help me, please…

5

Yours is a custom list with a rectangle at the back. Make sure that each component is nested properly in that rectangle.

Secondly you have a visibility condition on the dot next to the avatar. Place a second image (blank) or rectangle of the same dimension on the right of the avatar that is always visible. Some trial and error is needed normally.

:crossed_fingers:

6

OK, I’ll try it