Aprende CSS Grid Layout (The Fun Way) con Grid Garden

La mayoría de los desarrolladores web conocen el juego Flexbox Froggy que te enseña los fundamentos de flexbox desde cero Este juego gratuito se volvió viral y sigue siendo increíblemente valioso para enseñar a las personas a codificar con flexbox.

Bueno, el mismo desarrollador que hizo ese juego. tiene un nuevo juego llamado Jardín de rejilla.

Este juego funciona de una manera similar pero te enseña cómo codificar grillas CSS. Es una característica relativamente nueva pero es ganando rápido y Grid Garden es fácilmente la mejor manera de aprender..

Todo en Grid Garden sigue una estilo de enseñanza similar como Flexbox Froggy. Fue creado por el mismo desarrollador, Thomas Park, por lo que puede esperar un nivel similar de dificultad y facilidad de uso..

Por defecto, comienzas en el nivel uno con un total de 28 niveles De principio a fin. Tu siempre puedes saltar niveles Si crees que alguno es demasiado difícil, pero creo que siempre es bueno trabajar con todos ellos como un repaso..

Si no tiene idea de cómo funcionan las propiedades relacionadas con la cuadrícula, se encontrará con muchas palabras en Google. El diseño de la cuadrícula CSS es un módulo totalmente nuevo Con su propia sintaxis y características..

Recomiendo jugar con Grid Garden siempre que tengas la oportunidad. Es prácticamente un Zona de juegos del desarrollador CSS para aprender y estudiar todas las diferentes propiedades de diseño de cuadrícula.

No puedo decir que este juego te haga un experto en cuadrículas CSS. Solo la construcción de proyectos y la práctica de muchos pueden llevarlo a un nivel experto. Pero, Grid Garden es una forma divertida de comenzar sin todo el estrés habitual que implica aprender algo nuevo..

Todo el proyecto es totalmente gratuito y de código abierto en GitHub si quieres descargarlo localmente para estudiar o expandir. También puedes compartir tus pensamientos con el creador en Twitter @thomashpark.