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 :
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.
— 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!
Tweets about the game :
— Andrew Verboncouer (@averbs) February 7, 2017
— Nimrod Argov (@nimrodargov) December 14, 2016
Learning flexbox is fun!
— 🇺|🇳|🇦 👩💻 (@Una) March 8, 2016
and many more…
Useful Links about flexbox:
- Learning CSS Layout with Flexbox Froggy
- Using CSS Flexible Boxes
- “Old” Flexbox and “New” Flexbox
- What is Flexbox? by Scott Vandehey
- CSS Flexbox – learning Guide
Games based on Flexbox :