CSS Grid Garden te enseña CSS Grid de una manera lúdica
CSS Grid es la nueva tendencia en diseño web. Después de que los navegadores modernos hayan admitido este conjunto de diferentes atributos CSS durante un tiempo, es hora de analizarlo. «CSS Grid Garden» te ayuda con eso.
CSS Grid Garden: Riega tus zanahorias
Jardín de cuadrícula CSS es un juego en línea de la pluma digital de Thomas Park. Park es muy conocido en los círculos de desarrolladores, sobre todo por su juego. rana flexbox. Ese nos enseñó los conocimientos básicos para usar CSS Flexbox. En «CSS Grid Garden», Park se ocupa del paquete de atributos de CSS Grid.
CSS Grid Garden: un juego para principiantes de bajo umbral CSS Grid. (Captura de pantalla: Noupe)
Por supuesto, no puedes esperar ser el maestro de CSS Grid Zen, solo porque lograste completar el juego. Pero el jardín en cuadrícula es una elección perfecta para empezar. Ni siquiera notarás que estás aprendiendo algo.
Park te lleva a través de 28 niveles, en los que debes cuidar un jardín de diferentes maneras. Primero, debe regar plantas específicas individuales en una cuadrícula, utilizando agua que se encuentra en otro lugar de la cuadrícula.
Para hacer eso, debe escribir los comandos CSS correctos, que con suerte le darán el resultado deseado. Park te lleva de la mano y aumenta la dificultad con mucho cuidado. Puede ver el resultado del CSS que ingresó directamente en la cuadrícula de la derecha. El principio es el mismo utilizado en su predecesor “Flexbox Froggy”.

Flexbox Froggy, juego de aprendizaje en CSS Flexbox. (Captura de pantalla: Noupe)
CSS Grid Garden: políglota y código abierto
“CSS Grid Garden” está disponible en inglés, español, polaco, ruso, francés y portugués. Park proporciona el juego a través de Github, bajo la licencia MIT, lo que le permite agregar traducciones si lo desea. Park siempre está trabajando en nuevos niveles. Después de todo, al juego todavía le faltan algunos aspectos del concepto CSS Grid.
En Este artículo, Park da una explicación más detallada de su enfoque.
Si aún no investigaste CSS Grid, el juego en línea «CSS Grid Garden» es la entrada perfecta. Incluso aprenderá a evaluar con precisión las diferencias con Flexbox. Este aspecto todavía parece causar mucha confusión en los círculos de desarrolladores.
#CSS #Grid #Garden #enseña #CSS #Grid #una #manera #lúdica