Text Spacing and Line Breaks in Basic Grid Blog Titles

Hi there, 

I've been fussing with several basic CSS maneuvers on my new site, and for the most part, I'm pleasantly surprised with what I've been able to create. One problem I haven't been able to find a solution for is the ability to control the spacing and line breaks in blog titles on the grid page (I'm less frustrated once you navigate into the actual post). 

I've included a few screenshots from my site to provide examples. Basically, once I stretch the width of the title section to a certain degree, I either give up being able to have the "Episode ..." on the first line, and the full names on the second, or certain longer names get stacked into a column of three (see "Kristina Johnson" example). 

I feel like there has to be a way to achieve:
Episode 1:
Kristina Johnson

consistently for the entire page. Any advice would be greatly appreciated since there are many aspects of the blog format that suits my project perfectly, and I'd hate to have to start over with something less ideal over such a trivial (but important) detail. 

Hope someone can help. Thanks in advance if so!

– Tessa

Can you share link to a blog page? I want to test some code to do this break