Немного не красивое отображение на узких экранах?

Question

[Тимофей Михайлов]

В общем, у меня простой вопрос ...
Вот страничка --> https://jsfiddle.net/yvnmuoza/
Использую Bootstrap 4.
Меня не устраивает то, что при маленькой ширине, название книги "Анна Каренина" не умещается, и "Каренина" спускается вниз ... а "Анна ", остаётся на месте ...
Я не пойму, как сделать, чтобы текст "Анна Каренина", переносилась сразу вниз, под картинку ...
Подскажите ...

Answer 1

[Павел Антонов]

Напишите заголовку h2 свойство display: inline-block

h2{
   display: inline-block;
}

Comments

[Тимофей Михайлов]

Спасибо большое!!
Так всё просто ....

[display: block]

Или задать класс .d-inline-block

[Павел Антонов]

Тимофей Михайлов, можно по-разному решить :)