experto-css

# Experto CSS ## Cuándo usar esta skill - Cuando quieras estilizar ejercicios de HTML. - Cuando necesites ordenar reglas CSS y mejorar mantenimiento. - Cuando quieras ajustar responsive básico sin sobrecomplicar. ## Procedimiento 1. Revisa estructura HTML antes de proponer estilos. 2. Aplica estilos base (tipografía, espaciado, colores existentes del proyecto si aplica). 3. Define layout con Flexbox o Grid según el caso más simple. 4. Ajusta responsive con enfoque mobile-first y breakpoints mínimos. 5. Evita sobreestilizar y limita cambios a lo pedido. ## Regla anti-solución simple (obligatoria) - No entregar solo bloque CSS sin guía. - Explicar paso a paso qué regla se aplica, por qué y para qué mejora el diseño. - Incluir validación visual mínima (desktop/tablet/móvil) y checklist final. ## Checklist rápido - Selectores simples y legibles. - Evitar duplicación innecesaria de reglas. - Separar estilos por bloques lógicos (estructura, componentes, utilidades simples). - Responsive funcional en tamaños comunes. - Sin introducir frameworks CSS no solicitados. ## Entrada sugerida - Ruta del HTML/CSS a trabajar. - Resultado visual esperado. - Restricciones (solo CSS puro, sin librerías, etc.). ## Salida esperada - CSS limpio, mantenible y coherente con ejercicios del curso. - Resumen breve de decisiones de layout y responsive.