Фундамент - Flex Grid
Сетка зависит от свойства гибкого отображения. Он состоит из ряда функций, доступных с flexbox, таких как автоматическая укладка, упорядочение источников, вертикальное и горизонтальное выравнивание.
Поддержка браузера
Гибкая сетка поддерживается в Chrome, Firefox, Internet Explorer 10+, Safari 6+, Android 4+ и iOS 7+.
В следующей таблице описаны функции Flex Grid вместе с описанием.
| Sr. No. | Характеристики и описание |
|---|---|
| 1 | Импорт Он включает миксин экспорта для гибкой сетки для использования CSS по умолчанию. |
| 2 | Основы Структура сетки Flex аналогична структуре плавающей сетки. |
| 3 | Расширенный размер Если класс изменения размера не включен в столбец, он расширяется и заполняет оставшееся пространство в столбце. |
| 4 | Отзывчивые настройки Если явный размер столбца в гибкой сетке не указан, размер столбцов будет изменяться автоматически. |
| 5 | Выравнивание столбца Столбцы гибкой сетки могут быть выровнены по горизонтальной или вертикальной оси в родительской строке. |
| 6 | Заказ источников Упорядочивание источников помогает переставить столбцы на экранах разного размера. |
| 7 | Справочник Sass SASS (Syntactically Awesome Stylesheet) - это препроцессор CSS, который помогает уменьшить повторение с помощью CSS и экономит время. |