Адаптивная вёрстка

5 000 руб. за проект
19 июня 2019, 21:34 • 19 откликов • 140 просмотров
Схема:
https://wireframepro.mockflow.com/view/Ma4f962726f...

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

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

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

Почта: leo.2171 яндекс ру
Отзывы
Avatar r50 a6ce93fe35b158fd29ba0e8681c918c22117160e9586a56eee4ffbc20df9bda1
Заказчик
Верстка выполнена в срок.
5 лет назад
R50 ef500008fb2f62094187785b19bfe080
Фрилансер
Хороший заказчик. Очень вежлив. Всегда готов помочь, если что то не понятно. Платит сразу после окончания.
5 лет назад