February 21, 2017
Wants to learn Flexbox layout, just give a try to “Flexbox Froggy” the game created by Mr Thomas Park. I have learnt a lot about flexbox properties by playing this game.
When I found this game on the Internet I was at home. I was playing this game and guessing the next property that will align the frogs to their Lily pads, and then suddenly my mom, who is watching me since I have started the game, said :
” इसमें justify-content
और align-items
दोनों सेंटर में होगा तो मेंढक वहां बीच में आ जायेगा “
( By justify-content and align-items, Frogs will come to the center.)
After that I played the along with my mom. And Now I can say that my mom also knows some CSS 😉 .
So if my mom can understand the layout and properties why can’t you. Play the Game and be the master.
For those who don’t know what the flexbox is, This property is introduced in new CSS3 for replacing the old table layouts. It is a redefined way of creating layouts and fitting the items in the container.
Everyone encountered with the problem of __”Aligning a div in center!” or “Aligning a div in vertical center!”. __ So, if you ever came across of such type of aligning problems, Just Give it a try!
And the best part is It is also available in our Hindi language.
Just merged Hindi translation of Flexbox Froggy! Big thanks to @shubham9411. https://t.co/9p6nLWDz4u pic.twitter.com/SByQBbnkqZ
— Thomas H. Park (@thomashpark) February 20, 2017
Translated by my mom and Me. If you find any heavy words across the game they are contributed by my mom. If you come up with the better translation, just make an issue in the GitHub(if you are familiar with it) or you can shoot me an E-mail.
Love You Mom! ? And Congrats for your first Open-Source Contribution!
If you got flexbox problems I feel bad for you son, I got 99 problems but flexbox ain’t one. https://t.co/hlZZikPeKk by @thomashpark
— Andrew Verboncouer (@averbs) February 7, 2017
Now that's how you do some learning! Flexbox Froggy – A game for learning CSS flexbox https://t.co/HOSWtJtDOO via @thomashpark
— Nimrod Argov (@nimrodargov) December 14, 2016
Learning flexbox is fun!
— Una Kravets ??? (@Una) March 8, 2016
and many more…
Useful Links about flexbox:
Games based on Flexbox :