Flexbox Froggy，幫助你學(xué)習(xí)前端 Flex 布局的小游戲，難度不高，趣味性極強！

Flexbox Froggy（彈性盒小青蛙）是一個幫助你快速學(xué)習(xí)前端 Flex 布局的小游戲。

Flex 布局是 CSS3 的新特性，即彈性盒子布局模式。是一種能讓頁面自適應(yīng)不同屏幕大小的布局方式。熟練運用后，能夠大大提升網(wǎng)頁開發(fā)布局效率。

在游戲中，你的任務(wù)就是編寫代碼，運用 Flex 布局的相關(guān)屬性和值，來幫助各種顏色的小青蛙找到到對應(yīng)的荷葉，總共只有 24 個關(guān)卡。整體難度不高，趣味性強，小白也能輕松上手學(xué)會！

打開網(wǎng)頁，左側(cè)是文字指引和代碼編輯區(qū)，而右側(cè)就是代碼執(zhí)行結(jié)果。雖然是英文網(wǎng)站，但是文字內(nèi)容并不多，可以借助百度翻譯等工具幫助理解。

快來試試吧~

網(wǎng)站地址：https://www.code-nav.cn/rd/?rid=b00064a7601c19e702d2dc4f6ff220ff

公眾號：編程導(dǎo)航