Проблемы с адаптивным дизайном

[LazyMazur]

Не могу найти элемент из-за которого при ширине 700px и меньше разметка идёт коту под хвост.

Скрин

Пробую в качестве костыля ограничить ширину блока message-inner.
Если установить максимум в 95% - все выглядит отлично. Но я не могу понять как сделать это только для конкретной ширины, а не для всех вариантов.

Пробовал сделать так, но не работает:

@media screen and (min-width:100px) and (max-width:700px) {
message-inner
{
    max-width: 95%;
}

Подскажите как правильно, пожалуйста.

 

[BIOMOND]

Правильно через настройки стиля настраивать.
А вообще, классы указываются через . т.е. .message-inner

 

[LazyMazur]

Правильно через настройки стиля настраивать.
А вообще, классы указываются через . т.е. .message-inner

Спасибо, я и точку и } пропустил

 

[BIOMOND]

Спасибо, я и точку и } пропустил

Я подумал, что скопировал не полностью просто)