Lleva tus conocimientos de CSS a otro nivel

1

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

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

2

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

3

Limitaciones de CSS y el problema de los elementos flotantes

4

Herramientas que nos han facilitado el camino

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

5

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

6

¿Qué significa Grid para CSS?

Control de alineamiento

7

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

8

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

9

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

10

Modos de escritura y ejes de alineamiento + Reto

11

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

12

Técnicas de alineamiento con Flexbox

13

Dibujemos con CSS + Reto

Conceptos generales para comenzar a trabajar con CSS Grid

14

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

15

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

16

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

Propiedades y valores para el elemento padre

17

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

18

Creando filas, columnas y espaciado + Reto

19

Alineamiento en el elemento contenedor + Quiz

20

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

21

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

Propiedades y valores para los elementos hijos

22

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

23

Ubicación + Reto

24

Alineamiento en los elementos hijos + Quiz

25

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

26

Continuando con la fase de ubicación y alineamiento

Lo que podemos lograr adicionalmente con CSS Grid

27

Responsive y CSS Grid

28

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

No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

13 Días
23 Hrs
12 Min
7 Seg

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

28/28

Lectura

¡Felicitaciones por terminar el Curso de CSS Grid Layout!

...

Regístrate o inicia sesión para leer el resto del contenido.

Aportes 50

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

resumen de la clase:

✍ Apuntes del curso

A lo largo del curso pude realizar mis apuntes espero que les gusten 😸

A mí no me gustó el curso. Puede que se deba a que me gustan más los cursos prácticos, y en este curso sentí que la mitad era más como de CSS intermedio e historia de CSS que de CSS Grid. Y luego para algunos temas, solo explicarlo con diapositivas no es, para mí, efectivo.
Se nota que Teff es una gran profe y espero que el siguiente curso sea un poco más práctico.

Me encanta lo prolija y ordenada que sos a la hora de armar un curso. Clase por clase todos los elementos necesarios en su correspondiente apartado en github. Ojalá más profesores tomen tu ejemplo para sus cursos futuros.

¡Genial!, Excelente curso, lo amé, me encantan los quices de Teff, CSS Grid es una herramienta muy poderosa, permite hacer demasiadas cosas de una forma muy sencilla, creo que lo retomaré para mis poryectos, love you CSS Grid!!! 💚.

corto pocas prácticas aprendí mas en YouTube con el canal de edteam que en este curso realmente recomiendo que lo actualizen

Buen curso para complementar el de Leonidas.

Un curso que me dejó mucho que desear y que no recomendaría, aprendí más en el curso básico de Grid que en esto, fue como enseñarle a un pintor con el libro y no con el pincel, así de feo.

toy enamorao de usted profe , gracias por este curso jajaj

Excelente curso muy completo y más por la mamacita de profesora 😍👨‍💻

Saludos, gracias por el curso, muy interesante.
Recomendaciones a la profe: 1) La muletilla “Justamente” la usas demasiado, incluso en un mismo video" 2) Evitar los diminutivos como Casita 😃
Criticas constructivas.
Muchas gracias de nuevo, saludos y nos vemos en el siguiente curso : D

Estupendo como siempre. Mi parte favorita fue el módulo de dibujar con CSS, no sabía que se podía hacer y abrió un mundo de posibilidades para mi jajajaja!

Extenso curso pero bien completo

Excelente curso, muy bien explicado. Buena profe. Gracias.

Con todo respeto a Leonidas y su curso anterior, este me parecio muy superior!!! la profesora es genial y aprendí cosas que nunca había oído hablar. Ya mismo voy a tomar el examen y empezaré el otro curso. Desde hace tiempo consideraba que si había un curso de CSS Grid uno de flexbox sería útil y en estos dos lo enseñan bastante bien 😍

Este curso rebasó toda expectativa de mi parte 👌👍, gracias profesora Estefany 😃

Buen día, aquí te comparto mis notas sobre el curso, espero te sea de utilidad:

Excelente curso!, increíble, aprendí cosa que no sabía de CSS Grid, felicitaciones al profesora estefany aguilar 💚💚💚
.

Excelente y muy bonito curso.

Se aprenden cosas que no habia visto siempre algo nuevo y con eso me quedo. Gran maestra y explicita en todo

Genial!, me fascino, increíble, perfecto, técnico, estructurado, bonito, nada improvisado, buen material, y la profe espectacular, super pro en el tema, me encanto!.. asi es que se hace un curso
![](

Genial, me fascino este curso. Ha sido de los mejores.

Excelente curso. Me sorprende el talento de Estefany para enseñar y sobre todo lo grandiosa que es como dev 🙌.

Excelente curso me encanto.

Me ha ayudado muchisimo a actualizar y conocer conceptos muy útiles, y sobre todo como en todos los cursos a seguir por mi mismo documentación oficial de manera mas cómoda!!

Es un gran curso. Complementa, y mejora todo el conocimiento que tenía sobre “Css-Grid”. Gracias. Podrían hacer uno igual pero, de animación (css). Gracias.

Excelente, aprendí muchisimo de grid y realmente es una extraordinaria herramienta y muy poderosa

Creo que lo veré nuevamente me encanto este curso, muy bien explicado todo gracias Estefany, excelente aporte!

Excelente curso e insuperable, más de estos cursos con full práctica

excelente curso!

Gracias Estefay, este curso realmente ha sido de muchisima importancia para mejorar mis destrezas en CSS.

Realmente, muchas gracias!!!

Gran Curso

Excelente curso, excelente explicación. Gracias Estefany

Fue un muy buen curso.
Si, muy teórico pero aun así me llevo mucho aprendizaje.
Espero el siguiente curso tenga mas práctica que me quede con ganas de ver ejemplos de maquinación de webs ya con Grid.
Mil Gracias Teacher Estefy💜

![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-08-04%20183529-b488955e-b89d-44a5-8861-c1853c483a3f.jpg)![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-08-04%20183600-5c8d7f18-0693-40e2-95fe-92ab7ab86ff2.jpg)
Acá les comparto mi proyecto del Diario El Profeta de Harry Potter utilizando CSS Grid y Sass: ![](https://static.platzi.com/media/user_upload/banner_daily_prophet_harry_potter-fcfca36e-12e8-4ddd-8be5-fafd113fe03f.jpg) ✅ [<u>GitHub Pages</u>](https://majoh99.github.io/Daily-Prophet/) ✅ [<u>Repositorio</u>](https://github.com/majoh99/Daily-Prophet)

Me hubiera gustado ver esto pero en un curso práctico, de todas maneras, gracias

El curso estuvo excelente.

Genial, excelente curso 😃

excelente curso lo único que queda a desear es el video de la cámara y en algunas clases el audio pero se entiende y se aprende bien

Gracias, Teff. Fue un curso para seguir aprendiendo bastante sobre el desarrollo web y más aun con los cambios y actualizaciones como es el caso de: Grid; las propiedades lógicas y los modos de escritura. Buen curso. 💚

Fue un excelente curso, me aclaró muchísimas dudas, es una muy buena profesora y muy inteligente, se nota el bagaje y conocimiento abismal que tiene, realmente sabe mucho, es un curso que explica primero teóricamente y después de manera práctica lo que lo hace ideal para quien quiere aprender con seriedad y no solo copiar código sin saber que está haciendo. 10/10!!

Me encanto este curso, hubo cosas muy interesantes como el writing-mode, que bueno seria un curso enfocado a este tipo de cosas.

Woooow !! Es la primera vez que tomo un curso con Teff y de verdad aprendí mucho con este curso, hehehe siempre quise tomar un curso de CSS pero nunca tuve oportunidad hasta ahora.

Daba por hecho muchas cosas y conocer más sobre CSS me sorprendí al ver tantas propiedades nuevas, sin duda alguna recomiendo este curso, es muy bueno, la explicación es sencilla y creo que todos pueden manejar el ritmo del curso.

Gracias por el esfuerzo que le invertiste al curso, recomendado

Excelente curso y me sumo a todos los buenos comentarios anteriores sobre la profesora, un 10.

Excelente curso, sinceramente pensaba que CSS GRID era algo súper complicado y duro de aprender; sin embargo, ahora veo que es todo lo contrario, al inicio si es un poco duro no me malentiendan, pero cuando lo practicas es hasta intuitivo

a

Genial

Gracias a la profesora por crear este curso, no tanto por lo que significa css-grid, sino por como lo hizo la profesora, me gusto la documentación, los Quizes, los retos, además de la porción de historia, espero sigan creando este tipo de cursos, ya que al menos por mi parte pondré el mayor interés posible.

Gracias profe por ser tan práctica ;D (A nunca parar de aprenderrrrrrrr :3)