Buenas prácticas con CSS: Layouts

Cuando trabajamos con CSS tendemos a aplicar estilos demasiado rígidos que nos dificultan crear layouts responsive, aumentando la necesidad de media queries y creando un código complejo, poco reutilizable y difícil de mantener.

Aunque usemos librerías como Tailwind, Bootstrap o Material, tener unas buenas bases nos ayudará a resolver problemas y detectar si son realmente necesarias para nuestro caso de uso o no.

En este curso vamos a ver ejemplos reales de layouts responsive usando diferentes métodos y a utilizar patrones que van a simplificar nuestro código, haciéndolo más flexible.

Con este curso aprenderás a:

• Crear layouts mantenibles y reutilizables
• Cuándo usar cada tipo de unidad (em, rem, ch, vw…)
• Crear layouts responsive con grid y flex sin necesidad de media queries
• Cuándo usar grid, flex, u otros métodos de layout
• Resolver problemas comunes relacionados con position y z-index