Del curso: CSS: Diseño web responsive

Accede al curso completo hoy mismo

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

Usar una rejilla flexible mediante el uso adecuado de CSS

Usar una rejilla flexible mediante el uso adecuado de CSS

Del curso: CSS: Diseño web responsive

Comenzar mi mes de prueba gratis Comprar para mi equipo

Usar una rejilla flexible mediante el uso adecuado de CSS

“

En este vídeo vamos a ver cómo trabajar una rejilla flexible. Teniendo en cuenta el diseño que nos ha dado el diseñador, es el que tenéis en pantalla, hemos generado un HTML, correctamente semántico, y unas CSS, donde hemos definido tema de colores, estructura, rejilla. En este caso, rejilla flexible. Lo que hemos hecho ha sido generar una rejilla en base a los atributos 'flex'. Los hemos utilizado para alinear los elementos y poder tener potestad sobre los elementos HTML a la hora de ser renderizados en el navegador. Lo que vamos a hacer es ver en el navegador cómo se visualiza. Nos vamos al Chrome. Como podéis ver, tenemos la página con el diseño ya implementado. Hemos utilizado, como os decía, los atributos 'flex' para generar ese sistema de columnados en cada una de ellas y lo vamos a utilizar de cara al "responsive". Como elemento importante, os comentaré que el uso de una rejilla flexible nos ayudará a poder trabajar con ella a medida que vamos haciendo el "responsive". Sí es…

Contenido