143 читали · 1 год назад
Подробный гайд по Display Flex
Введение в Flexbox: Изучение основных принципов и понятий. Flexbox является мощным инструментом CSS, который позволяет гибко управлять расположением элементов внутри контейнера. Он предоставляет набор свойств, позволяющих создавать адаптивные и гибкие макеты. Основной концепцией Flexbox является разделение контейнера на гибкие элементы, которые можно распределять, выравнивать и изменять размеры. Главные термины, связанные с Flexbox, включают в себя: Изучение основных принципов Flexbox поможет в создании гибких макетов, упростит выравнивание элементов и улучшит адаптивность веб-страниц...
3 года назад
Когда использовать флексы, а когда гриды
Коротко: гриды для каркаса сайта, флексы для контента. Сеткой или раскладкой обычно называют взаимное расположение крупных визуальных блоков на странице. Можно мысленно разделить макет на не пересекающиеся друг с другом прямоугольники. Сначала вы получите самые крупные области, потом эти крупные области можно разделить на области поменьше, и так далее до мельчайших прямоугольников, которые выделяют отдельные слова или элементы страницы. Вся страница будет выглядеть как набор вложенных в друг друга прямоугольников, от самых крупных до самых мелких...