Saltar al contenido

Columnas

Las columnas son las divisiones verticales de una retícula de diseño en las que se coloca el contenido de una pantalla o página

Qué significa, cómo se usa y en qué contexto aparece, con sus conceptos relacionados.

Qué es y cómo funciona

Su número y anchura cambian según el tamaño de pantalla: es habitual trabajar con 4 columnas en móvil, 8 en tableta y 12 en escritorio, definidas en cada punto de ruptura. En las retículas fluidas, el ancho de las columnas se expresa en porcentajes para adaptarse al espacio disponible; entre ellas se dejan medianiles y a los lados, márgenes.

Las columnas ayudan a alinear elementos y a mantener un ritmo coherente, pero el contenido puede ocupar varias de ellas. En CSS se implementan con Grid o Flexbox.

También se dice

Columnas de la retícula, Grid columns

Conceptos relacionados

Columnas: qué es y cómo funciona · Zorraquino