flex布局——宝藏游戏FlexboxFoggy

最近我发现了一个宝藏游戏FlexboxFoggy，适合需要练习flex布局的小伙伴。
这个游戏大致规则就是利用flex布局里的属性，将青蛙移动到对应荷叶的位置就可以过关。
给大家示范一下

比如这个关卡，我们需要让同样颜色的青蛙和荷叶相对应，添加justify-content:space-around代码，视图变成这样

再添加align-items:flex-end,就可以过关

最后附上一张通关全家图：

一共有24关，很快就可以通关啦！来试试看吧！

标签：flex,过关,游戏,布局,FlexboxFoggy,宝藏,通关
来源： https://blog.csdn.net/weixin_50467021/article/details/119575435