Archived from the Bravo community forum (2021–2026). Some answers may refer to older versions of Bravo.
After watching the videos online I saw that it's recommended we stretch out the text container so that in case the font gets larger on a different phone or anything it won't cut out. That's exactly what I did as you can see in "Image #1". But when I do that the text seems to be shifted down on the Bravo app, it not longer is centered.
Ironically, the only way it's back to normal and appears great is when I make the text container look like Image #2", outside of the recommendation.
I'm worried to keep the text container as Image #2 because it can lead to issues with other phone sizes.
1. Why does Bravo do that?
2. Is this a responsive issue?
3. What would the solution be for something like this?
Thanks, team!
IMAGE 1:
IMAGE 2:
9 replies
The best option I found for making a button was to use autolayout. There you don’t have this problem.. but not sure if you want to use it like that.
Not sure what you mean when you say "use the autolayout". Is that a tag? if so can you link me the documentation so I can read on it & learn how to use it.
Also, this isn't just for a button, I have text throughout my entire app & this issue is occuring. What would the solution be?
Also what do you mean by "not sure if you want to use it like that"? Are there issues with using Autolayout.
Sorry for all the questions, I'm new and am trying to understand what you actually mean from your answers!
Thanks for the reply btw
most of your issues don’t come from Bravo but the lack of knowledge about Figma.
I suggest you to follow this playlist (that’s what I did because I was starting from 0 with Figma, Bravo, APIs,..) :
https://youtube.com/playlist?list=PLXDU\_eVOJTx6ZQswH9nVKVMCsK83OzhoV
Then once you,be learned how to use Figma, then come back to Bravo and it should be a lot easier.
That's actually a very good observation, thank you. I'll be sure to do that.
But for this specific do you have an explanation on how to solve this? I appreciate you sending me a playlist of videos & i'll be sure to watch them. But this is a very specific question, is there a direct solution?
sometimes your text is vertically aligned in the middle in figma. Make sure to put it vertically aligned on top
That's exactly what I did and it still doesn't work
what worked for me is to always set the resizing property of the text to "fixed", like so :
Thank you so much!
Wrote something in this thread and want it removed? Request removal
Ask the community on Discord
This archive is read-only. New questions, office hours and product updates now happen in the Bravo Discord.
Join the Discord