Загрузочный контейнер, не нарушающий текстовую строку

Question

У меня возникла проблема с получением текста container, реагирующего на небольшие устройства. Я пытался что-то сделать, но я ничего не понял. Взгляните - я добавил сюда свою скрипку! Попробуйте сделать результат небольшим и посмотреть, что происходит в синем контейнере, добавленном под инверсным меню с текстом «Mona Larsen». Текст похож на то, что вы просто не переводите слова в следующих строках, как должно быть. В чем проблема? JSFiddle here

Answer 1

пожалуйста, проверьте ваш класс

.description { 
text-align: left; 
position: absolute; 
float: none; 
margin-top: -125px; 
margin-left: 200px; 
color: #FFFFFF;} 

изменение "позиции: абсолютная" в "положении: относительный"

.description { 
text-align: left; 
position: relative; 
float: none; 
margin-top: -125px; 
margin-left: 200px; 
color: #FFFFFF;}