Why is identical text appearing different sizes in different sized Columns (in same Row)?

[JezUK]

I’ve copied / pasted two pieces of text into different sized columns in a single row, yet the text in the small column is smaller than the same copy of text that’s in the larger column.

How can that be ? And more importantly, how can I fix / stop / control that ?

Here is the link to the very part on my website;

Exterior Renderings for Property, Real Estate Marketing and Presentations

Many thanks for your guidance.

[rad]

Hi @JezUK,

Thanks for reaching out.

It’s the same content, but the column has different widths. The content will be compressed as the container became smaller, the texts will break into next rows once the texts aren’t fit the container width. And text breaking into the next rows increases the height. It’s normal, there is no way you can have similar look on a container with different width even if you add the same content.

Thanks!

[JezUK]

But that cannot possibly be right.

I want a two word title in the left column and paragraphs of text in the right column, both with the same font size text. I must be able to control something as simple as that. Otherwise we would be at the mercy or the column widths !

[rad]

Hi @JezUK

Same font of which text? They already have the same fonts and even sizes, the only difference is that the sentence are broken to multiple rows since the column is narrower.

And since it’s text content and wishes to change its font size specific to a text/wrod then please check this https://www.w3schools.com/css/css_font.asp. You can implement any of that with your preferred styling. And I think you already did some of them since the inline styling is applied.

Thanks!