Sin tener que pensarlo mucho cualquier dev frontend sabe lo poderoso que es flex-box y más que nada lo indispensable y básico que es saber usarlo, con la implementación de flex-box a css todo fue mucho más fácil, desde poder centrar un div, hasta poder crear layouts completamente responsive sin uso de media querys o bibliotecas, pero también sabemos que para poder sacar el mayor potencial de flex-box es combinarlo con grid, si te interesa otro juego con grid has click aquí.

Así es, como pudiste haber adivinado, de los creadores de grid garden, ahora te traemos flex-box froggy, si ya has jugado este último entonces estarás familiarizado en como se maneja la manera de aprender, pero por si es la primera vez que escuchas hablar de cualquiera de los dos, te daremos una ligera descripción de como funciona.
Tendrás 24 niveles para poder desarrollar habilidades básicas en flex-box, las cuales te vendrán bastante bien para tus maquetaciones y acomodo de cajas, en cada nivel aprenderás a usar una propiedad diferente de flex-box. En este juego ayudarás a una ranita a posarse sobre su hoja empleando diferentes propiedades, flex-end, flex-start, space-between, space-around, entre otros

Al finalizar el juego tendrás los conocimientos necesarios para poder implementar flex-box en tus propios proyectos personales.
Una de las cosas más decisivas para saber sí quieres ser un frontend es el acomodo de las cajas, ya que al principio puede ser bastante frustrante no saber como hacer que x caja esté en un lugar sin que toda la estructura se rompa, así que no te frustres si al principio cuesta trabajo, con la práctica podrás centrar cualquier div casi que con la mente.