Curso de HTML, CSS Dark Mode y Responsive Design Mobile First

Sin palabras, este stream fue épico.
Repositorio para que dejes tu estrellita ⭐️ https://github.com/LeonidasEsteban/dark-mode-demo
👨‍🏫 Resumen de la clase:
0:00:00 👉🏻 Presentación del Proyecto
1:28 👉🏻 Comienza con la estructura en HTML.
2:10 👉🏻 Crea el Header.
4:20 👉🏻 Crea la primera sección.
4:30 👉🏻 Crea tu primera card.
7:00 👉🏻 Iniciamos a poner estilos con CSS.
7:55 👉🏻Primeros estilos del card.
12:49 👉🏻 Añade tu primera fuente desde Google Fonts.
14:20 👉🏻 Re-estructura el html de card.
16:15 👉🏻 Añadiendo estilos a la card.
18:15 👉🏻 Añadiendo variables en CSS
22:00 👉🏻 Perfeccionando con CSS la card.
31:27 👉🏻 Añadiendo tu primer icono.
33:00 👉🏻 Multiplicando cards.
33:20 👉🏻 Actualizando data de las cards.
35:45 👉🏻 Primer acercamiento a CSS Grid Layout.
39:40 👉🏻 Añadiendo estilos al Header.
47:45 👉🏻 Creando la sección overview.
48:00 👉🏻 Añadiendo colores por red social a las card.
51:00 👉🏻 Crea tu primer linear gradient.
54:36 👉🏻 Continuando con las cards de Overview.
58:00 👉🏻 Añadiendo estilos a las cards de Overview.
1:01:00 👉🏻 Crea tu primera grilla.
1:03:00 👉🏻 Perfeccionando con CSS las cards de Overview.
1:11:17 👉🏻 Multiplicando Cards de Overview.
1:12:40 👉🏻 Reparando nuestro primer bug.
1:15:00 👉🏻 Actualizando data de las cards.
1:22:50 👉🏻 Añadiendo el título de la sección Overview.
1:27:00 👉🏻 Crea responsive para desktop.
1:31:50 👉🏻 Crea responsive para tablet.
1:34:00 👉🏻 Crea tu primer dark mode.
146:18 👉🏻 Crea el switch para activar dark mode.
1:46:30 👉🏻 Crea la estructura en HTML del switch.
1:48:40 👉🏻 Estilos al switch.
1:53:50 👉🏻 Detectando si está chek el switch.
2:01:30 👉🏻 Añadiendo gotitas de JavaScript.
2:07:30 👉🏻 Perfeccionando el Header en dark mode
2:12:00 👉🏻 Añadiendo funcionalidad al switch con JavaScript.
2:19:00 👉🏻 Refactor a las variables de CSS.
2:30:20 👉🏻 Cambiando estilos desde JavaScript.
2:38:00 👉🏻 Sube tú proyecto a Github.
2:42:00 👉🏻 Despedida.

Este reto viene gracias a https://frontendmentor.io

Видео Curso de HTML, CSS Dark Mode y Responsive Design Mobile First канала Leonidas Esteban