Basically, the width of the element, if it is a text element for example, is what determines the length of a single line. The smaller the width, the shorter the length of the single line, while the greater the width of the element, the longer the length of a single line.

There are some hard and fast rules you can find on the internet about what is the optimal length of a single line of text for readability, which as I recall, likely incorrectly, is between 45 and 78 characters…this means a 16px font size would want to be no more than around 640px wide and no less than 320px wide.

As a beginner, always play around, you can not break your app. You can create and delete pages as you wish. I do this often in apps to test things.

Screen Shot 2024-08-15 at 11.30.49 PM

Z-Test is what I put in the name followed by the ‘idea/thing’ i’m testing…this way it is at the bottom of my page list and I’ll easily recall I can delete it.

In your browser, you can use the developer tools to check responsiveness of your page, or use the responsive tab in Bubble editor (my preference is firefox developer tools for this - Google Chrome doesn’t play nice with Bubble and Bubble responsive tab in editor has been a nightmare at times).