Force H2 titles to move to two lines together

Hello,

Depending on the size of the screen the three titles in these three columns will either show in one or two lines. I would like all of them to show consistently, like in the first image in which all three titles are displayed in two lines. However, when the screen size is bigger, the middle title shows in one line while the other two titles still display in two lines. Is there a way for all three titles to be consistent and display in the same way regardless of the size of the screen? Thanks

I think you can break second column titles to 2 columns or use code to equal height of 3 titles

If you share link to page where you have problem, we can check & give you code easier

Hi, thank you for your reply. 

I have this issue on two separate pages where I used service blocks.

One is the home page: https://www.ponchocottier.com/

And the other one is the My Approach page: https://www.ponchocottier.com/myapproach

Thank you for your help 

@Poncho I would insert a line break to force the "Personal Development" into 2 lines. 

So after "Personal" , press enter or shift+enter on your keyboard, then "Development" will go on the second line. This way it is the same as your other two titles. 

A simple editing trick! 

Thank you, Melody. I appreciate your help. My issue is more complicated than that. I want the titles to show in one line when there is enough space for both words, but for all of them to show in two lines (simultaneously when ANY of the titles shifts to two lines because there is not enough space for that title.

I want this to be dynamic depending on the size of the screen, rather than always showing into lines. 

Thanks again!

Hey there - I almost also looking for a convenient solution to force line breaks on mobile screen sizes!