Flexbox — это способ управлять расположением элементов внутри блока. Одним измерением: либо строка, либо столбец. Представь поднос с тарелками. Ты решаешь: расставить их вплотную или с промежутками, прижать к одному краю или по центру, выровнять по высоте. Flexbox — это именно такой инструмент. Берёшь родительский контейнер, включаешь display: flex — и его дочерние элементы начинают подчиняться твоим командам. Всё делится на два уровня: свойства контейнера (родителя) и свойства элементов (детей)...

В Этой статье я покажу как сделать блоки одинаковой высоты по средствам CSS. Адаптивные блоки одинаковой высоты на Bootstrap. Допустим вы создали сетку в два ряда, и теперь добавив содержимое одного блока мы заметили что соседний блок пустой и уже другого, это не красиво и не симметрично. Давайте исправим это, используя только CSS. Стандартная сетка Bootstrap, выглядит примерно так: <div class="row"> <div class="col-md-6">1 блок</div> <div class="col-md-6">2 блок</div> </div> Для того чтобы эти два блока были одинаковой высоты, вписываем CSS: ...