xXRustamXx

Убери transition и все будет резко - как удары камы пули))

Привет, попробуй .container задать height: auto; Если не поможет добавь .container псевдоелемент ::before и задай clear: both;

https://webdesign-master.ru/blog/html-css/2.html

jqueryui.com/tabs/#vertical

https://codepen.io/Metis/pen/EvGgXN

word-break: break-all;

parent {
display: flex;
justify-content: center;
align-items: center;
}

caniuse.com/#feat=flexbox 97.74%

rocha.la/jQuery-slimScroll
На мой взгляд идеальный плагин slimScroll.js, юзаю его во всех проектах

Это обычня фотогалерея, про увеличительный зум при наведении на фотографии это отдельный плагин.

white-space: nowrap;

Задай родительскому элементку position: relative;, а двум фотографиям внутри блока задай position: absolute; и с помощью свойства z-index: ; расставь приоритеты у изображений.

Примени к блоку position: fixed; отпозиционируй так как нужно и по клику по данному блоку задаешь свойсвтво top:; как в макете, не забуть предварительно сделать блоку transition: ; что бы был плавный эффект

Псевдоэлемент ::before

Уже поддерживается всеми браузерамы, за исключением IE11(пиздюк) там частисная поддержка flexbox, ссылка caniuse.com/#feat=flexbox