Del curso: Integración HTML y CSS avanzado

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.200 cursos impartidos por expertos del sector.

CSS3: creación de rejillas de contenidos mediante Flexbox

CSS3: creación de rejillas de contenidos mediante Flexbox

Del curso: Integración HTML y CSS avanzado

CSS3: creación de rejillas de contenidos mediante Flexbox

Tradicionalmente la creación de rejillas de elementos, de listados de elementos colocados todos como una parrilla, se hacía utilizando las distintas posibilidades que nos daba la propiedad display. Por ejemplo, si yo quería que los distintos elementos ocupasen cada uno una línea, pues se utilizaba display: block. Si quería que se fuesen rellenando las líneas con el ancho de cada uno de esos elementos propio, de tal manera que cupiesen más o menos dependiendo de sus anchos, bueno, pues para eso se utilizaba display: inline-block. Esto, combinado con otras propiedades, me permitía pues hacer otro tipo de efectos, por ejemplo, si todos ellos tienen el mismo ancho, pues me crearía una especie de retícula. De todas formas, esta forma de, este modo de trabajar era bastante limitado y bastante complejo. Por ejemplo, era bastante más difícil conseguir que apareciesen en varias columnas, y que se ordenasen verticalmente o, por ejemplo, pues también era bastante más complicado modificar el…

Contenido