# Alignment problems

**URL:** <https://community.thunkable.com/t/alignment-problems/2914058>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [March 25, 2024, 5:04pm UTC](https://community.thunkable.com/t/alignment-problems/2914058 "2024-03-25T17:04:26Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![claudia.barrias.22r5](https://avatars.discourse-cdn.com/v4/letter/c/a183cd/32.png) [@claudia.barrias.22r5](https://community.thunkable.com/u/claudia.barrias.22r5)\
**Post date:** [March 25, 2024, 5:04pm UTC](https://community.thunkable.com/t/alignment-problems/2914058/1 "2024-03-25T17:04:26Z")

</div>

Hello everyone.

I am having some design problems, mainly with alignment.

I have attached two images below, one showing the design of the screen, where the rating is centered and the size is considerable. However, as soon as I test the app, or even when downloaded, the rating gets smaller, and the alignment is no longer there.

Can someone please help me with this? I am doing this for a school project, and that is the only thing missing at this point. I have tried to find a solution, and I can’t.

Thank you all.

 ![Screenshot 2024-03-25 at 18.00.21](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/6/b642c4e66de01d9de774fbbebe7b4de2fbd8d980.png)  
 ![Screenshot 2024-03-25 at 18.00.32](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/9/f95d1ee149e21d96ed704c65faeb4fa716f6adca.png)

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [March 25, 2024, 7:58pm UTC](https://community.thunkable.com/t/alignment-problems/2914058/2 "2024-03-25T19:58:56Z")

</div>

Try using the layout component. It’s easier to fine tune things.

---

<div class="post-metadata">

**Author:** ![claudia.barrias.22r5](https://avatars.discourse-cdn.com/v4/letter/c/a183cd/32.png) [@claudia.barrias.22r5](https://community.thunkable.com/u/claudia.barrias.22r5)\
**Post date:** [March 26, 2024, 10:50am UTC](https://community.thunkable.com/t/alignment-problems/2914058/3 "2024-03-26T10:50:58Z")

</div>

Thank you for your reply.  
I am using it now, but I am still facing the same problem. By any chance, do you have any other tips for this problem?

 ![Screenshot 2024-03-26 at 11.48.15](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/3/63a7ad245cca7cd853563e6d5eb6d3e21c018a82.png)  
 ![Screenshot 2024-03-26 at 11.48.26](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/d/3d0c5e1a4ba493381f2304a5a6d83d3e6d23f298.png)

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [March 26, 2024, 11:24am UTC](https://community.thunkable.com/t/alignment-problems/2914058/4 "2024-03-26T11:24:01Z")

</div>

Are those five individual buttons or a picture of five buttons?

---

<div class="post-metadata">

**Author:** ![claudia.barrias.22r5](https://avatars.discourse-cdn.com/v4/letter/c/a183cd/32.png) [@claudia.barrias.22r5](https://community.thunkable.com/u/claudia.barrias.22r5)\
**Post date:** [March 26, 2024, 11:36am UTC](https://community.thunkable.com/t/alignment-problems/2914058/5 "2024-03-26T11:36:08Z")

</div>

It is the rating component but with a different image to replace the stars with squares.

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [March 26, 2024, 11:38am UTC](https://community.thunkable.com/t/alignment-problems/2914058/6 "2024-03-26T11:38:22Z")

</div>

I just figured that out haha. I have never used that one and I’m testing it now. It seems like there is no option to fill container with this component.

Well it seems to work on my end properly despite taking a long time to load up. If you want to share your project I can take a look.

---

<div class="post-metadata">

**Author:** ![claudia.barrias.22r5](https://avatars.discourse-cdn.com/v4/letter/c/a183cd/32.png) [@claudia.barrias.22r5](https://community.thunkable.com/u/claudia.barrias.22r5)\
**Post date:** [March 26, 2024, 12:09pm UTC](https://community.thunkable.com/t/alignment-problems/2914058/7 "2024-03-26T12:09:34Z")

</div>

But are you using any blocks or just the layout component?

---

<div class="post-metadata">

**Author:** ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)\
**Post date:** [March 26, 2024, 12:10pm UTC](https://community.thunkable.com/t/alignment-problems/2914058/8 "2024-03-26T12:10:41Z")

</div>

I tried both ways.

Inside Layout:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/d/7dbc78ea39735d1c3da3678bd4aa334062d14e17.png)

Outside Layout:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/f/df2900db25be950d39e3105a3af4759f9c0dc6d0.png)

---

<div class="post-metadata">

**Author:** ![claudia.barrias.22r5](https://avatars.discourse-cdn.com/v4/letter/c/a183cd/32.png) [@claudia.barrias.22r5](https://community.thunkable.com/u/claudia.barrias.22r5)\
**Post date:** [March 26, 2024, 12:19pm UTC](https://community.thunkable.com/t/alignment-problems/2914058/9 "2024-03-26T12:19:34Z")

</div>

I will send you my app.

---

<div class="post-metadata">

**Author:** ![beatbaba7leb](https://avatars.discourse-cdn.com/v4/letter/b/c57346/32.png) [@beatbaba7leb](https://community.thunkable.com/u/beatbaba7leb)\
**Post date:** [March 26, 2024, 1:33pm UTC](https://community.thunkable.com/t/alignment-problems/2914058/10 "2024-03-26T13:33:47Z")

</div>

Did you set float in place or stretch… try setting as stretch…

I am sure I have used this component and did not see this issue

---

<div class="post-metadata">

**Author:** ![claudia.barrias.22r5](https://avatars.discourse-cdn.com/v4/letter/c/a183cd/32.png) [@claudia.barrias.22r5](https://community.thunkable.com/u/claudia.barrias.22r5)\
**Post date:** [March 26, 2024, 2:38pm UTC](https://community.thunkable.com/t/alignment-problems/2914058/11 "2024-03-26T14:38:30Z")

</div>

I had to replace all of them because there was a bug. Nothing worked until I replaced them.  
@tthompson41231 tested it.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [June 24, 2024, 2:39pm UTC](https://community.thunkable.com/t/alignment-problems/2914058/12 "2024-06-24T14:39:00Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
