Grid Garden

Apprenez le CSS grid en faisant pousser un potager de carottes.

Ouvrir dans un nouvel onglet

Projet open source « Grid Garden » de Thomas Park (Codepip), utilisé sous licence MIT. Code source

Fonctionne dans votre navigateur. Rien de ce que vous saisissez n’est envoyé ni enregistré.

Comment utiliser Grid Garden

  1. Lisez les consignes du niveau.
  2. Écrivez du code CSS grid pour arroser les carottes (et seulement les carottes).
  3. Terminez les 28 niveaux pour maîtriser CSS grid.

Questions fréquentes

Faut-il connaître le CSS ?

Non. Chaque niveau explique la propriété dont vous avez besoin.

Qui l’a créé ?

Thomas Park de Codepip, en open source sous licence MIT.

Grid Garden est-il gratuit ?

Oui. Grid Garden est gratuit, sans inscription et sans filigrane.

Mes informations sont-elles enregistrées ou envoyées quelque part ?

Non. Tout est calculé dans votre navigateur. Rien de ce que vous saisissez n’est envoyé à un serveur ni enregistré.

Est-ce que ça fonctionne sur mon téléphone ?

Oui. L’outil fonctionne dans tout navigateur récent sur Windows, Mac, Linux, Android et iPhone. Les très gros fichiers peuvent être lents sur les téléphones anciens.

Autres outils : Jeux

Tout voir
Jeu de course 3DCourse auto 3D avec vraie physique. HexGL, course futuristeCourse 3D futuriste en antigravité. Cuberun, esquive en 3DEsquive de cubes synthwave aux néons. Cube magique 3DCube casse-tête 3D, de 2×2 à 10×10. Server SurvivalTower defense d’architecture cloud. Jeu de mémoireTrouvez les paires identiques.