Как при уменьшении блока-родителя уменьшать картинку в блоке-наследнике?

Question

[Григорий]

Приветствую!

Подскажите, пожалуйста, как при уменьшении окна браузера уменьшать картинку (в моем случае - логотип), что бы блок с телефонами не переносился ниже?

Сейчас вот так: https://jsfiddle.net/eg48q9fu/

То есть логотип имеет какие-то размеры (700*147 в моем случае) и хочется, что бы при уменьшении размера браузера логотип уменьшался.

Ограничивать максимальный размер через min-width не хочется, на телефоне тогда неправильно отображается.

Спасибо

Answer 1

[Андрей Верх]

1. Сделайте нормальную раскладку блоков, а не через float, чтоб они не съезжали. Flexbox, table или ещё как
2. Картинке задайте max-width:100%