Введение в Flexbox: Изучение основных принципов и понятий. Flexbox является мощным инструментом CSS, который позволяет гибко управлять расположением элементов внутри контейнера. Он предоставляет набор свойств, позволяющих создавать адаптивные и гибкие макеты. Основной концепцией Flexbox является разделение контейнера на гибкие элементы, которые можно распределять, выравнивать и изменять размеры. Главные термины, связанные с Flexbox, включают в себя: Изучение основных принципов Flexbox поможет в создании гибких макетов, упростит выравнивание элементов и улучшит адаптивность веб-страниц...

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