Grid System

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

Resource summary

	Created by Lesly Nomberto over 6 years ago