@kiberlain

Вёрстка плиток с использованием свойства flex. Как сверстать три колонки?

Решил заменить плагины masonry и isotop чистой вёрсткой с использованием flex. Взял готовый пример отсюда codepen.io/dudleystorey/pen/eAqzk. Но вот проблема - блоки в моей вёрстке выстраиваются до в две то в три колонки в зависимости от разрешения. Поясните с чем это связано и как блоки выстроить в три колонки?

https://jsfiddle.net/gwu4r33c/embedded/result/
  • Вопрос задан
  • 5326 просмотров
Пригласить эксперта
Ответы на вопрос 2
BelkinVadim
@BelkinVadim
Frontend разработчик
Flexplorer
Почитайте про flex и его параметры тут или тут например. Примеры там есть, думаю найдёте что нужно.
Ответ написан
Комментировать
@Byrnane
Фронтенд-разработчик, начинающий гейм-дизайнер
В примере вообще жесть какая то творится, в лисе по крайней мере...
Сделай нормальный пример и можно будет подумать.

UPD:
Ага, нашел проблему:
height: 100vw;
vw - это ширина вьюпорта, у вас применена к высоте. Надо vh, и все встанет нормально
Ответ написан
Ваш ответ на вопрос

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

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