Voilà un autre exemple d’interface ludique pour apprendre tout en s’amusant.
L’idée est de perfectionner, à l’aide de grenouilles et de nénuphars, sa connaissance des modèles de boites flexibles ou flexible box ou encore plus communément appelé Flexbox.
Pour ceux qui découvrent CSS3 Flexbox Layout, sachez que l’idée générale de ce module, est de donner à un container la possibilité de modifier la hauteur et largeur de ses éléments contenus et ainsi de remplir l’espace disponible.
Contrairement à la rigidité directionnelle des display:block basée sur une distribution verticale et une distribution horizontale caractérisé par display:inline, Flexbox permet la flexibilité d’une structure complexe en s’adaptant aux changements de devices et tailles d’écran en se redimensionnant, s’étirant etc…
Alors vous êtes prêt à jouer le jeu sur Flexbox Froggy.