Как правильно верстать 3 колонки одинаковый высоты для адаптивный верстки?

Question

[KasAskar]

Здравствуйте, каким методам верстать 3 колонок одинаковый высотой для адаптивный верстки ?

Answer 1

[Yustas Alexu]

Используйте flexbox. В Bootstrap 4 уже включен.
P.S. По ссылке перевод. Если нет проблем с английским, лучше читать оригинал https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Comments

[KasAskar]

другой способ знаете, кроме flexbox ?

[Yustas Alexu]

KasAskar: Именно для адаптивной нет, не знаю. Меня flexbox вполне устраивает.

[Danila]

KasAskar: правильно, зачем использовать флекс который всё сделает в 2 строки кода, я лучше буду искать непонятные костыли.

[KasAskar]

Данила: flex сейчас не кроссбраузерный, вот по этому я ищу другой способ !!

[Yustas Alexu]

KasAskar: есть вот такой полифил https://github.com/10up/flexibility для 8 и 9 IE.
IE10 поддерживает синтаксис 2012 года. IE11 поддерживает новый синтаксис. Но оба имеют некоторые баги caniuse.com/#feat=flexbox Вторая вкладка

[KasAskar]

Yustas Alexu: Спасибо !

Answer 2

[Максим Люмен]

codepen.io/maximvelin/pen/oLxMjq?editors=0110 это пример и не много туповатый , но принцип правильный что надо использовать @media screen окно в codepen сдвигайте и посмотрите как себя ведут блоки