This is a simple codepen example of responsive text truncation using CSS. We can achieve this using either Flexbox (for modern browsers) or Tables (supports also legacy browsers).
As a bonus, I am also including a responsive multi-line text truncation example.