2 года назад
Работа с Flexbox CSS: полная документация с примерами работы
В данной статье будут показаны все возможность нативного метода Flexbox. Данный метод верстки сайта за счет своей простоты становится все более популярным среди разработчиков. В этой статье я постараюсь в кротчайших деталях разобрать все тонкости метода Flexbox. Как было сказано ранее Flexbox популярен тем что с его помощью можно с легкостью решить задачи которые требуют много усилий и времени. Например расставить элементы в ряд по вертикали, или разместить по середине родителя, или прижать к низу экрана, или может сделать все объекты одного размера...
CSS Flexbox Fundamentials
СSS Flexbox Layout (flexible box layout module) - это один из наиболее удобных, гибких и простых способов расположения элементов относительно друг друга на HTML-странице. У flexbox есть две оси, по которым мы можем выравнивать элементы - main axis (главная ось) и cross axis (побочная ось). Обязательно нужно помнить о невозможности позиционирования одновременно по двум осям (для такого случая лучше подойдет CSS Grid Layout). flex-direction - свойство, определяющее главную ось, может принимать одно...