Схема:
https://wireframepro.mockflow.com/view/Ma4f962726f...

Вёрстка двух страниц. Первая (на схеме вверху, три варианта) - каталог картинок. При нажатии на кружок должен (плавно) сворачиваться/разворачиваться div со списком папок (освобождая дополнительное место картинкам). Блоки с картинками - с автопереносом на следующую строку (position: relative). Кол-во картинок в строке (а значит и размер блоков) будет меняться (это надо учесть). Названия каталогов - в div-ах (будут выводиться динамически). Под каждой из картинок - текстовая надпись (на схеме это не показано).

Вторая страница (на схеме внизу) - там всё элементарно. Но кнопка (справа вверху экрана) и пустое пространства слева от неё должно оставаться на месте даже при прокрутке страницы. Т.е. верхушка - это отдельный div.

Да, и напоминаю: нужна адаптивность (в размерах элементов, в шрифтах). Чтобы нормально смотрелось и на 27-дюймовом мониторе, и на ноуте, и на мобиле.

Почта: leo.2171 яндекс ру