Buenas prácticas y metodología BEM
Cómo organizar el CSS en proyectos más grandes.
BEM (Block, Element, Modifier) es una convención de nombres que evita conflictos de estilos: .tarjeta (bloque), .tarjeta__titulo (elemento, con doble guion bajo) y .tarjeta--destacada (modificador, con doble guion medio).
Otras buenas prácticas: evitar el uso excesivo de !important, mantener la especificidad de los selectores lo más baja posible, y organizar el CSS en archivos separados por componente cuando el proyecto crece.
Antes de avanzar al Módulo 3, asegúrate de poder explicar: la diferencia entre Flexbox y Grid, cómo funciona el box model, y por qué usamos media queries para el diseño responsivo.
Ejemplo — pruébalo tú mismo
Ponlo a prueba: Renombra tres clases de un componente usando la convención BEM.