ayuda a alinear elementos de página basados
en columnas y filas secuenciadas
divide una página en pequeños segmentos.
(n / 12) * 100%
Unidad de medida son las columnas
n es el # de columnas que ocupará la caja actual,
12 es el número total de columnas.
Elementos
Container
Etablece el ancho de toda la grid. El ancho del
container generalmente es del 100%, pero también
es posible que se desee establecer un ancho máximo
para pantallas más grandes.
Row
evitar que las columns dentro de él se
desborden en otras rows.
Columns
contener a los elementos que queremos
mostrar en nuestro sitio web.
Gutters
Tipos
Grid Manuscrita
Grilla más básica, está hecha de un rectángulo que
define los márgenes del formato.
Grilla de Columnas
Está dividida en columnas y es el tipo de grilla más usada
Grilla Modular
Conformada de filas y columnas que no solo le indica las
ubicaciones X de sus formularios, sino también en el eje Y
Grilla Jerárquica
Se describe por no tener el mismo espacio entre los módulos.
Ventajas de usar CSS
Mantenimiento,
velocidad de carga,
Semántica,
Accesibilidad