Font size difference in thunkable and html

Questions about Thunkable
1

Hi,
I noticed that the font size in thunkable labels and in html are different.
Have any of you experienced the same as me?
Because the labels in thunkable doesn’t adjust the height to fit all content automatically, I’m trying to use an html document to calculate the actual height and return it back to thunkable.
However, I find out that the font size in html and thunkable doesn’t match, so the height is wrong too. (green part is thunkable label, red part is html in web viewer)

image
image1433×816 44.2 KB

2

image
image609×118 11.9 KB

Thunkable styling code

image
image335×180 6.27 KB

CSS styling in the html document

I’m pretty sure both texts are set to barlow 14px
But you can clearly see (with bare eyes/ruler) in the first post that the font size are different.

3

Hello @sciencecompetitioncz
To make the text component expand based on the text you will need to set the height as “Fit contents”.

To see this option, you will need to use the Layout component. To make it adapt to the device width/height, set the width of the Layout width is 375px, the height 667px, the Resize Mode to “Stretch”, activate scrollable and the size of the components inside the layout to “Fit contents”.

Here is an example project: Thunkable