Grid Garden

Aprende CSS grid cultivando un huerto de zanahorias.

Abrir en una pestaña nueva

Proyecto de código abierto «Grid Garden» de Thomas Park (Codepip), usado con la licencia MIT. Código fuente

Funciona en tu navegador. Nada de lo que introduces se envía ni se guarda.

Cómo usar Grid Garden

  1. Lee las instrucciones del nivel.
  2. Escribe código CSS grid para regar las zanahorias (y solo las zanahorias).
  3. Supera los 28 niveles para dominar CSS grid.

Preguntas frecuentes

¿Necesito saber CSS?

No. Cada nivel explica la propiedad que necesitas.

¿Quién lo creó?

Thomas Park, de Codepip, de código abierto con licencia MIT.

¿Es gratis Grid Garden?

Sí. Grid Garden es gratis, sin registro y sin marca de agua.

¿Se guarda o se envía mi información?

No. Todo se calcula en tu navegador. Nada de lo que introduces se envía a un servidor ni se guarda.

¿Funciona en mi móvil?

Sí. Funciona en cualquier navegador moderno en Windows, Mac, Linux, Android y iPhone. Los archivos muy grandes pueden ir lentos en móviles antiguos.

Más herramientas de Juegos

Ver todo
Juego de carreras 3DCarreras de coches 3D con física real. HexGL: carreras del futuroCarreras 3D antigravedad futuristas. Cuberun: esquiva cubos en 3DEsquiva cubos en un mundo de neón. Cubo mágico 3DCubo 3D, de 2×2 a 10×10. Server SurvivalDefensa de torres de arquitectura cloud. Juego de memoriaEncuentra las parejas.