【编程导航】轻松学习 Flex 布局的小游戏

Flexbox Froggy，帮助你学习前端 Flex 布局的小游戏，难度不高，趣味性极强！

Flexbox Froggy（弹性盒小青蛙）是一个帮助你快速学习前端 Flex 布局的小游戏。

Flex 布局是 CSS3 的新特性，即弹性盒子布局模式。是一种能让页面自适应不同屏幕大小的布局方式。熟练运用后，能够大大提升网页开发布局效率。

在游戏中，你的任务就是编写代码，运用 Flex 布局的相关属性和值，来帮助各种颜色的小青蛙找到到对应的荷叶，总共只有 24 个关卡。整体难度不高，趣味性强，小白也能轻松上手学会！

打开网页，左侧是文字指引和代码编辑区，而右侧就是代码执行结果。虽然是英文网站，但是文字内容并不多，可以借助百度翻译等工具帮助理解。

快来试试吧~

网站地址：https://www.code-nav.cn/rd/?rid=b00064a7601c19e702d2dc4f6ff220ff

公众号：编程导航