En la cuarta clase del curso de GenerateBlocks entramos en el panel de Estilos y nos centramos en la sección Layout, que es clave para disponer los elementos de tu web.
Usamos el bloque Grid como ejemplo para entender cómo organizar columnas, filas y alineaciones sin necesidad de escribir CSS.
Lo que aprendes en esta clase
- Cómo funciona la sección de Layout dentro del panel de estilos.
- Cuándo conviene usar Grid y cuándo Flex para organizar tus contenidos.
- Cómo controlar alineaciones, columnas, filas y espacios entre elementos.
- De qué manera los presets te ayudan a maquetar rápido sin conocimientos de CSS.
La clave de esta clase
Antes de complicarte con estilos avanzados, aprovecha los presets y controles visuales de GenerateBlocks. Con Grid y Flex puedes lograr diseños muy potentes sin necesidad de tocar código.
Vídeo: Disposición con Grid y Flex en el panel de Estilos (Layout)
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Índice de clases del curso
- 1 | Introducción y requisitos para empezar con GenerateBlocks
- 2 | Ajustes y configuración de los bloques en GenerateBlocks
- 3 | Estilos en GenerateBlocks: visión general
- 4 | Layout y panel de Estilos en GenerateBlocks (Grid y Flex)
- 5 | Más opciones de estilo en GenerateBlocks
- 6 | Etiquetas dinámicas en GenerateBlocks
- 7 | Biblioteca de Patrones en GenerateBlocks