curso de unidades CSS y tamaño responsive

Este curso enseña las unidades CSS como problema de entrega frontend, no como ejercicio de calculadora. Las especificaciones de diseño llegan en px. Los codebases prefieren rem, em o valores fluidos. Los layouts dependen del ancho del viewport, del font-size del padre y del comportamiento en breakpoints.

Aprenderás cuándo usar px, rem, em, %, vw y vh; cómo el font-size raíz cambia los valores calculados; cómo clamp() crea tipografía y espaciado fluidos; y cómo verificar conversiones antes de pegar CSS en una biblioteca de componentes o design system.

Para quién es este curso

• Desarrolladores frontend que traducen especificaciones de Figma o diseño a CSS
• Ingenieros que mantienen bibliotecas de componentes con tokens basados en rem
• Desarrolladores full-stack que necesitan font-size y espaciado responsive sin media queries ad hoc
• Cualquiera que depure «¿por qué este valor rem se ve mal en móvil?»

Qué aprenderás

1. Qué son las unidades CSS y cómo las calculan los navegadores
2. Compensaciones de px, rem y em para tipografía y componentes
3. Unidades vw, vh y porcentaje en contexto de layout
4. Font-size raíz y flujos de conversión px → rem
5. clamp() para font-size y espaciado fluidos
6. Un flujo práctico de depuración antes de publicar CSS

Usa el Conversor de unidades CSS / Generador clamp relacionado mientras lees. El objetivo no es solo convertir un valor, sino entender el contexto que hace correcta una longitud CSS en producción.