Grid Garden

Acerca de Grid Garden

Grid Garden es un juego de navegador para aprender a distribuir contenido con CSS Grid. Escribe reglas para regar ciertas posiciones o abarcar las filas y columnas indicadas, y observa qué cambia en el jardín. Sirve para aprender a interpretar las líneas de una cuadrícula y razonar sobre la posición antes de construir una página completa. Los niveles posteriores permiten comparar coordenadas explícitas con relaciones entre áreas. Cuando entiendas un patrón, úsalo en un diseño pequeño para ver cómo influyen el tamaño del contenido y el ancho de la ventana. El juego resulta más útil como práctica concreta junto con una referencia de CSS o un proyecto propio.