Esta es una traducción del artículo original publicado en el blog de Mozilla Hacks. Traducción por Uriel Jurado.
Es fácil tener muchos errores usando una tecnología nueva, especialmente algo que tuvo un gran cambio desde la versión anterior, tal como en CSS Grid. En este vídeo (en inglés) explico los 9 errores más comunes que la gente tiene al usar esta tecnología, con consejos y tips para evitar estas trampas y romper viejos hábitos.
Error 1: Creer que CSS Grid lo es todo
Flexbox vs CSS Grid – ¿Cuál es mejor?
Error 2: Usar únicamente porcentajes en las dimensiones
Mínimo y Máximo, dimensionando contenido en CSS Grid
Error 3: Asumir que necesitas breakpoints
Diseño asombrosamente sencillo con CSS Grid
Error 4: Confundirse al enumerar
Diseñador Gráfico Ingenioso y Práctico con CSS Grid
Lo Básico de CSS Grid: El gran cuadro
Error 5: Siempre usar 12 columnas
Explico esto al final de “Unidades FR en CSS Grid”
Error 6: Ignorar el poder de las filas
Error 7: Buscar un Framework
Error 8: Esperar a la muerte de IE11
¿Internet Explorer + CSS Grid?
Serie de 7 partes sobre escribir CSS flexible que trabaje en todos los navegadores
Error 9: Titubear en vez de jugar
CSS Grid como si fueras Jan Tschicold