Задать вопрос
Jack_Sparrow
@Jack_Sparrow
Junior HTML/CSS
javascript

Как сверстать адаптивную галерею как на Airbnb?

Здравствуйте! Подскажите пожалуйста, как сверстать такую галерею, полностью повторить адаптив, фунционал?
https://www.airbnb.ru/rooms/6080283?source_impress...

Пробовал через Fancybox и Bootstrap, но не понятно как при сужении экрана скрывать фото справа и как сделать, чтоб при открытии слайдера там было 100500 фото. Собственно в этом непонятка.

Заранее благодарен за подсказки!
  • Вопрос задан
  • 160 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
@igumenov
обычная сетка Bootstrap в 3 колонки,
и от медиазапросов скрывать лишние колонки

Чтобы 100500 сделать в Fancybox нужно их объединить в группу атрибутом data-fancybox="gallery"
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать индикатор на TradingView по хаям/лоям дня недели
25 апр. 2024, в 08:45
4000 руб./за проект
Вычислить размер объекта по карте глубин
25 апр. 2024, в 07:37
5000 руб./за проект
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Ещё заказы