@newhacke

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

Пытаюсь разобраться в bootstrap. Скажите как правильно написать код, чтобы получилось также как на скрине? И пожалуйста не отправляйте учить флексы, я их учу. Нужно чтобы отступы были везде равные по 5px, и адаптивно для мобилы они встали 100% width. Знатокам 5 минут накидать разметку. Реально интересно как сделать это правильно, а не костыльно на bootstrap. И сказочно буду благодарен, как это сделать на flexbox, и было бы вообще круто, если ещё и на гридах возможно получить пример верстки того что на скрине.

5e7502cb67db8146108050.png
  • Вопрос задан
  • 100 просмотров
Решения вопроса 1
sniggering_deus
@sniggering_deus
Mother is a god in the eyes of a child.
12 - ти колоночная сетка на Flexbox:



12 - ти колоночная сетка на CSS Grid:



Реализация того что указано в вопросе на скрине, с помощью CSS Grid сетки:

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы