Почему при уменьшении размера экрана не ресайзится картинка?

Question

[Rimidbit]

Всем привет!
верстаю сайт https://rimidbit.github.io/koliganka/photo-gallery.html
возникли 2 трудности при адаптиве:

1) в шапке 3 элемента - это лого, блок выбора языка (во флоте) и меню (в абсолюте). для выявления размеров, где нужно перестроит сайт, пользуюсь отладчиком. при столкновении лого с блоком выбора языка последний улетает вниз (думал это из-за float), но логотип не хочет уменьшаться, даже когда ширина экрана меньше его размера.. лого задан max-width пробовал отключать, не помогло.

2) на картинках, что рядом с боковым меню есть накладка с названием места, она тоже не хочет уменьшаться, ей так же задан max-width

Что не так?

Answer 1

[Rimidbit]

решил заменив пиксели на %

Answer 2

[MasterMike]

Очень странный макет, в котором логотип может быть больше ширины экрана.

Посмотрите как сделано перестроение изображение на том же бутстрапе.

Возможно, вам также пригодятся такие единицы как rem.