FLEXBOX FROGGY

網址：FLEXBOX FROGGY

透過讓小青蛙順利的回到荷葉上的遊戲方式，學習CSS3的Flexbox語法，增加趣味性，每一關卡的了解屬性與值的運用，就像在電動在破關一樣，用打怪的方式學習感覺可以降低不少痛苦，而且會想要突破關卡，就會比較主動學習了。

或許在使用者的操作手冊，思考這種方式或許讓使用者比較容易學習使用系統(XD)。

每一個屬性顯示：

https://codepen.io/enxaneta/full/adLPwv