Fundación - Flex Grid

La cuadrícula depende de la propiedad de visualización flexible . Consiste en una serie de funciones que están disponibles con el flexbox, como apilamiento automático, ordenamiento de origen, alineación vertical y alineación horizontal.

Soporte del navegador

La cuadrícula flexible es compatible con Chrome, Firefox, Internet Explorer 10+, Safari 6+, Android 4+ e iOS 7+.

La siguiente tabla describe las características de Flex Grid junto con la descripción.

No Señor. Características y descripción
1 Importador

Incluye el mixin de exportación para que la cuadrícula flexible use el CSS predeterminado.

2 Lo esencial

La estructura de la rejilla Flex es similar a la rejilla flotante.

3 Tallaje avanzado

Si la clase de tamaño no está incluida en la columna, entonces se expande y llena el espacio restante en la columna.

4 Ajustes receptivos

Si no se proporciona el tamaño explícito de la columna en la cuadrícula flexible, entonces se ajustarán automáticamente el tamaño de las columnas

5 Alineación de columnas

Las columnas de la cuadrícula flexible se pueden alinear con el eje horizontal o vertical en la fila principal.

6 Ordenación de fuentes

El orden de las fuentes ayuda a reorganizar la columna en diferentes tamaños de pantallas.

7 Referencia de Sass

SASS (Syntactically Awesome Stylesheet) es un preprocesador de CSS que ayuda a reducir la repetición con CSS y ahorra tiempo.