Fundação - Flex Grid
A grade depende da propriedade flex display. Ele consiste em uma série de recursos que estão disponíveis com o flexbox, como empilhamento automático, ordenação de fontes, alinhamento vertical e alinhamento horizontal.
Suporte de navegador
A grade flexível é compatível com Chrome, Firefox, Internet Explorer 10+, Safari 6+, Android 4+ e iOS 7+.
A tabela a seguir descreve os recursos do Flex Grid junto com a descrição.
| Sr. Não. | Características e descrição |
|---|---|
| 1 | Importando Inclui o mixin de exportação para a grade flexível para usar o CSS padrão. |
| 2 | Fundamentos A estrutura da grade flexível é semelhante à da grade flutuante. |
| 3 | Dimensionamento Avançado Se a classe de dimensionamento não estiver incluída na coluna, ela se expandirá e preencherá o espaço restante na coluna. |
| 4 | Ajustes responsivos Se o tamanho explícito da coluna na grade flexível não for fornecido, ele irá dimensionar automaticamente as colunas |
| 5 | Alinhamento de coluna As colunas da grade flexível podem ser alinhadas ao eixo horizontal ou vertical na linha pai. |
| 6 | Ordem de fonte A ordenação da fonte ajuda a reorganizar a coluna em diferentes tamanhos de telas. |
| 7 | Referência Sass SASS (Syntactically Awesome Stylesheet) é um pré-processador CSS que ajuda a reduzir a repetição com CSS e economiza tempo. |