Не выравнивается текст в две строки. Должно выглядеть так:
Если у вас железное условие, что должно быть максимум две строки для заголовка, то нужно в css ограничить высоту блока, а все лишнее обрезать.
.demo {
font-size: 14px;
line-height: 1.5;
height: calc(14px * 1.5 * 2);
overflow: hidden;
}
Просто подбор ширины карточки ничего не даст. У пользователя банально не загрузится подключенный шрифт и результат будет не предсказуем.
Если же задача стоит просто в данном примере поместить текст в две строки - поиграйтесь с letter-spacing