243 читали · 3 года назад
Подробный гайд по Display Grid
Привет! Сегодня мы поговорим о CSS Grid и его основах. Grid — это мощный инструмент для создания сеток и макетов на веб-страницах. Вот несколько ключевых моментов, которые помогут тебе понять основы и преимущества CSS Grid: Определение контейнера сетки Свойство display: grid применяется к родительскому элементу, который будет служить контейнером для нашей сетки. После применения этого свойства, контейнер превращается в сетку, которую мы можем настраивать и размещать на ней элементы. Например, чтобы создать контейнер сетки, мы можем применить следующее правило CSS: ...
3 года назад
Grid vs Flex что выбирать? | CSS сетка.
Для начала рассмотрим Flex. Flexbox - это одномерная система, которая позволяет располагать элементы в линейном порядке. Она особенно хорошо подходит для создания гибких и адаптивных макетов. С помощью Flexbox можно легко контролировать выравнивание, порядок и распределение элементов на странице. Flexbox является мощным инструментом в CSS, который позволяет легко создавать адаптивные макеты веб-страниц. Он позволяет определить гибкое расположение элементов на странице, даже если их количество неизвестно. Преимущества flexbox: В целом, flexbox является одним из лучших инструментов для создания адаптивных макетов веб-страниц...