Comando Coding 03: Maquetando una tarjeta con CSS

Maquetar una sencilla card con una fotografía, un título y una descripción es muy sencillo.

Es verdad, puede ser demasiado sencillo.

Pero es un punto ideal para empezar a trabajar con las hojas de estilo CSS.

Un concepto básico del desarrollo web que muchas veces se va olvidando por falta de práctica. Y porque cualquier otro sistema parece hacerlo más fácil que nosotros.

No es este el caso.

En este directo vemos todas estas cosas:

• Estilos en línea (y por qué no es bueno usarlos)
• Importar una fuente
• Shorthands en las reglas de estilo
• Los estilos por defecto del navegador
• Display flex (lo básico)
• Clases, IDs y selectores
• Selectores hijo y descendentes
• Especificidad
• BEM y buenas prácticas (Episodio de WRP)

Puedes ver el código final aquí.

Suscríbete o identíficate para ver el vídeo al completo tal cuál se emitió en directo y acceder al código de la sesión.