Flexbox se trata de una nueva forma de crear layouts con CSS3, la idea es asegurar comportamientos predecibles de los elementos en el HTML cuando se cambia el tamaño de la pantalla. Este tipo de layouts son muy útiles y simples de usar, sin embargo son poco conocidos ya que CSS3 apenas comienza a tener soporte en la mayoría de los navegadores.
Flexbox Froggy , es un juego donde tienes que ayudar a unas ranas a llegar a las hojas usando CSS. Para ser más especifico flexbox. La verdad es muy simple jugarlo solo debes colocar la propiedad adecuada para mover la rana en la pantalla, pero es una forma simple de entender como funciona cada propiedad.
El juego esta formado por 24 escenarios donde tienes que aprovechar lo que vas aprendiendo para completarlos, una forma entretenida de aprender sobre flexbox y que de seguro te va a traer a la mente muchas formas de usar estas propiedades en tus próximos proyectos.
http://flexboxfroggy.com/