Curso de CSS Grid Layout

Clases del Curso de CSS Grid Layout

Instruido por:
Estefany Aguilar
Estefany Aguilar
Básico
4 horas de contenido
Ver la ruta de aprendizaje
Curso de CSS Grid Layout

Curso de CSS Grid Layout

Progreso del curso:0/28contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/28contenidos(0%)

Lleva tus conocimientos de CSS a otro nivel

Material Thumbnail

Tips para llevar tu conocimiento de CSS a otro nivel + Quices

07:41 min

¿De dónde venimos y en dónde estamos?

Material Thumbnail

¿Cómo fue pensado CSS cuando se creó?

07:15 min

Material Thumbnail

Limitaciones de CSS y el problema de los elementos flotantes

07:51 min

Material Thumbnail

Herramientas que nos han facilitado el camino

06:13 min

¿Cómo se llegó al concepto de CSS Grid?

Material Thumbnail

¿CSS Grid es una idea nueva? La evolución de la especificación

08:09 min

Material Thumbnail

¿Qué significa Grid para CSS?

03:38 min

Control de alineamiento

Material Thumbnail

Técnicas de alineamiento antes de CSS Grid: margin y line-height

12:45 min

Material Thumbnail

Técnicas de alineamiento antes de CSS Grid: table-cell y positions

15:19 min

Material Thumbnail

Técnicas de alineamiento de CSS Grid: pros y contras

04:02 min

Material Thumbnail

Modos de escritura y ejes de alineamiento + Reto

09:07 min

Material Thumbnail

Propiedades físicas y lógicas en CSS + Quiz

09:26 min

Material Thumbnail

Técnicas de alineamiento con Flexbox

06:54 min

Material Thumbnail

Dibujemos con CSS + Reto

13:51 min

Conceptos generales para comenzar a trabajar con CSS Grid

Material Thumbnail

Grid y las relaciones padre e hijos inmediatos + Quíz

05:47 min

Material Thumbnail

Lines, tracks, cell, area, gutters, grid axis, grid row, grid column + Reto

09:07 min

Material Thumbnail

¡Iniciemos nuestro proyecto! Fase de creatividad e identificación de elementos

09:30 min

Propiedades y valores para el elemento padre

Material Thumbnail

Creando nuestro contenedor: ¿display: grid o display: inline-grid?

08:35 min

Material Thumbnail

Creando filas, columnas y espaciado + Reto

06:00 min

Material Thumbnail

Alineamiento en el elemento contenedor + Quiz

08:36 min

Material Thumbnail

Generación automática de tracks + Quíz

07:29 min

Material Thumbnail

Funciones: repeat(), minmax() y fit-content()

08:42 min

Propiedades y valores para los elementos hijos

Material Thumbnail

¡Manos al código! Fase de construcción de la grid principal de nuestro proyecto

07:03 min

Material Thumbnail

Ubicación + Reto

07:36 min

Material Thumbnail

Alineamiento en los elementos hijos + Quiz

05:22 min

Material Thumbnail

¡Manos al código! Fase de ubicación y alineamiento

06:06 min

Material Thumbnail

Continuando con la fase de ubicación y alineamiento

09:54 min

Lo que podemos lograr adicionalmente con CSS Grid

Responsive y CSS Grid

08:13 min

Continúa con el Curso de Diseño Web con CSS Grid y Flexbox

00:29 min

nuevosmás votadossin responder
Mauricio Doncel
Mauricio Doncel
Estudiante

Sí se especifica las 2:
grid-template-columns: ;
grid-template-rows: ;

Las propiedades:
justify-content: ;
align-content: ;

¿Ya no tendría sentido declararlas?

2
Mauricio Doncel
Mauricio Doncel
Estudiante

Recurso.jpg
¿Disculpen por qué pierdo la alineación al usar align-items: center;?

0
Mauricio Doncel
Mauricio Doncel
Estudiante

1:20 Disculpen pienso que Block e inline en realidad solo definen 1 cosa el valor externo pues el interno lo hace lo que le sigue a block ó inline ejemplo block-grid ó inline-grig.
Agradezco su rectificación o corrección. Gracias.

1
Clair
Clair
Estudiante

Como seria una manera de imaginarse una grilla en una pagina
Hay un truco o un consejo?

1
Clair
Clair
Estudiante

Soy yo o este curso ha sido muy desordenado y sin practica?
Esteticamente esta genial pero me genera muchas dudas y no hay practica

1
Daniel Esteban Santos Mendez
Daniel Esteban Santos Mendez
Estudiante

Con lenguaje o tecnología esta creado css?

1
Clair
Clair
Estudiante

Segun la experiencia de algunos es necesario aprender este tipo de tecnicas?
Hay casos especificos en los cuales si o si han tenido que verse con alguna de esas tecnicas de alineamiento o practicamente que con flexbox y css gird ya quedan obsoletas

1
Manuel Antonio Miranda Naveda
Manuel Antonio Miranda Naveda
Estudiante
retono terminado.PNG

Intente terminar el reto pero anuque se que teoricamente ese la opcion c es la correcta… no me funciona si alguno me aclara mi error agradeceria mucho…

2
Ricardo Osorio
Ricardo Osorio
Estudiante

Como puedo subir una imagen para hacer un aporte

0
Javier Restrepo
Javier Restrepo
Estudiante

Soy nuevo en estoy y estoy trabajando en Visual studio code pero no entiendo porque no me sale el resultado

3