Flexbox Froggy es un juego para aprender y practicar CSS flexbox.
Tabla de Contenidos
- Introducción
- Acerca de Flexbox Froggy
- ¿Cómo se juega Flexbox Froggy?
- Jugando Flexbox Froggy
Introducción
A veces recibo mensajes preguntándome si es necesario aprender primero los conceptos y luego empezar a hacer sitios web. O si es mejor sólo hacer pequeños ejercicios con ciertas funcionalidades. Y esto me lleva a pensar en los diferentes modos que podemos aprender. Al conocer Flexbox Froggy creo que puede llamar la atención a muchos desarrolladores y hacer el proceso de aprendizaje más divertido.
Acerca de Flexbox Froggy
Si quieres poner en práctica tus aprendizajes de CSS Flex, puedes retarte jugando Flexbox Froggy. Creado por CodePip una plataforma que ofrece diferentes juego para poner en practica tus conocimientos de desarrollo web.
¿Cómo se juega Flexbox Froggy?
Lo único que hay que hacer es posicionar las ranas en su casa, que es una hoja, usando las propiedades de CSS Flexbox:
- justify-content
- align-items
- flex-direction
- order
- align-self
- flex-wrap
- flex-flow
- align-content
Jugando Flexbox Froggy
Quise grabar un video jugando Flexbox Froggy, ve qué partes se me hicieron más difíciles y cómo terminé el juego.
