curso de_
CSS: construyendo layouts con Grid
Es parte de los cursos de HTML y CSS en Front End.
Discusiones sobre este curso
Resumen del curso
- Identifique las principales características de un diseño basado en Grid
- Implemente valores para la altura de filas y ancho de columnas
- Modifique la alineación vertical y horizontal de los elementos
- Calcule el espaciado vertical y horizontal entre elementos
- Integre propiedades de Grid para hacer el layout responsive
- Cree páginas web complejas con grid container y grid item
- Crea elementos como tarjetas, menús y barras de desplazamiento con Grid
Público Objetivo
Desarrolladores front-end que quieran mejorar sus conocimientos sobre diseños responsivos; estudiantes que quieran aprender a crear sitios web que se ajusten al tamaño de la pantalla del usuario.
Contenido relacionado
Cursos de HTML y CSS en Front End. Lea nuestros artículos de Front End.
Última actualización
5/22/2024
¿Ya eres alumno?
8h
p/ conclusión
45
Actividades
113
Minutos de video
86
Alumnos en este curso
9.1
Nota del curso
Certificado de participación
Formación con este curso
Instructores
Contenido Detallado
1. Primeros pasos
- Iniciando el WaveCast
- Definiendo areas
- Ajustar columnas en Grid
2. Avanzando en Grid
- Alineando el menu lateral
- Aplicando espacio con la propiedad gap
- Creando las secciones de podcasts
3. Grid layout responsivo
- Responsividad en la sección de tarjetas horizontales
- Definiendo filas y columnas en las tarjetas horizontales
- Posicionamiento de elementos con Grid-area
- Trabajando con Grid-items - Align-self
4. Creando cuadrículas con barra de desplazamiento
- Tarjetas verticales: definición de columnas
- Posicionar tarjetas verticalmente
5. Layout flexible unindo Grid y Flex
- ¿Cuándo utilizar Grid o Flex?
- Ajustando navbar y menu lateral
Acceso a todos los cursos
Estudiar las 24 horas, dónde y cuándo quieras
Nuevos cursos cada semana
