2条CSS通关flexboxfroggy第24关最后一关

话不多说，上截图：

我是如何比别人多学一点的呢？请往下看！

代码分析

可以看到，这里我首先是使用了一条第20关学到的flex-direction和flex-wrap的组合写法：flex-flow: column-reverse wrap-reverse;
让青蛙们的排列顺序变得和荷叶一致了！
然后呢？大家应该都能想到，这个时候只要来个justify-content:center;和align-content:space-between;就行了吧。（因为flex-diretion是column型的，所以justify-content和align-content要换过来看。）
而这显然是3条代码了，我是怎么把他变成两条的呢？
答案是：place-content！
他和flex-flow很像，是align-content和justify-content两个样式的组合，所以一条代码实现了两条代码的任务！
有人说不对啊，这题超纲了！小游戏里也没讲过这个place-content啊，你肯定是在别处偷偷补课了！
哼哼哼~还真不是，答案就在页面中哦！且听我慢慢道来！
关于我通关之后一阵好奇，
荷 叶 是 怎 么 布 局 的 呢 ？ ？ ?
于是打开F12，我找到了荷叶的布局样式，嗯，原来，
这个游戏每关的答案，就藏在页面中的吧！！！！！！！！！

愣着干什么，抄答案啊！
哦，顺便我找重置的时候发现下面的setting里竟然可以设置语言为中文。。
枉我用蹩脚的英文玩通了这个游戏才发现。。。

最后，游戏地址

http://flexboxfroggy.com/#zh-cn