Con la salida ayer de la última versión de los sistemas operativos macOS (10.12.4) e iOS (10.3), que incluyen nuevas versiones del navegador Safari, ya podemos utilizar CSS Grid Layout en nuestras páginas web, ya que todos los navegadores de escritorio lo soportan (IE con ciertas limitaciones, ya que utiliza la sintaxis del primer borrador).
A continuación podemos ver una tabla con el estado actual de la especificación, sacada de CanIUse. Como veréis, podemos utilizar sin problema esta gran herramienta a la hora de crear el layout de nuestra página web en las últimas versiones de Firefox, Chrome y Safari.
Versiones a partir de las cuales podemos utilizarlo:
- Safari 10.1
- Chrome 57
- Firefox 52
* Todas ellas han aparecido a lo largo del mes de marzo
Esto no quita que podamos utilizarlo como método único de creación del layout de nuestras páginas, puesto que el resto de versiones anteriores no van a ser capaces de interpretar las normas y propiedades de CSS Grid. Como sabemos esto podremos solventarlo mediante el uso de fallbacks. En los próximos días, escribiré una serie de artículos explicando mejor el uso de CSS Grid Layout y sus múltiples propiedades.
Mientras tanto, os dejo con la información del taller de Grid Layout que impartí hace unas semanas, junto con la presentación del taller. Podéis encontrarlo dentro de la sección de formación de esta misma web.
Para los que os estéis preguntando por el la web mobile, actualmente solo Safari para iOS lo soporta, esperemos que Google espabile y pronto podamos disfrutar de ello en Android también