204 читали · 5 лет назад
Flexbox css легкий вход, свой mini framework.
Делаю сайты разных мастей уже лет 5-6. Когда я узнал о flexbox, я был в шоке... Все так просто? Нет больше танцев с бубном, тысячи ̶ч̶е̶р̶т̶е̶й̶ костылей и float от которого уже тошнит! Но я бы не сказал что вход легкий, особенно если начинаешь новый проект и решаешь окончательно перейти на flex. Скорость разработки падает и из-за нехватки опыта приходится переделывать огромные куски верстки потому что "сразу не дошло как лучше". Тогда уже был в стадии "почти готово" css grid, его я сразу отмел...
CSS Flexbox Fundamentials
СSS Flexbox Layout (flexible box layout module) - это один из наиболее удобных, гибких и простых способов расположения элементов относительно друг друга на HTML-странице. У flexbox есть две оси, по которым мы можем выравнивать элементы - main axis (главная ось) и cross axis (побочная ось). Обязательно нужно помнить о невозможности позиционирования одновременно по двум осям (для такого случая лучше подойдет CSS Grid Layout). flex-direction - свойство, определяющее главную ось, может принимать одно...