推荐一个学习 css flex 布局的小游戏, 包你学会

[iorilu]

https://flexboxfroggy.com/

css 的 flex 布局是个非常重要的技术

但说实话很难弄明白

无意中发现这个小游戏, 非常直观, 质量很高, 玩了一遍, 感觉确实明白了

至少 copy 代码也有数了

[wangtian2020]

前端就是太简单了，给人惯的谁都想来写一下。css 就是这种东西，没有对错之分，好不好看反正都能跑。
所有的前端布局都应该采用 flex ，不过想滚动布局加上 flex 那就有的忙了。
让我看到哪个前端同事 css 还在写 float absolute inline block 活都不干了直接 battle

[sobev]

还有这个
https://mastery.games/post/flexboxzombies2/

[radishzz]

我玩过一个 grid 布局游戏
https://cssgridgarden.com/

[zhengfan2016]

flex 不难吧，工作 tailwind 写多了基本就会了，反而 block 我用的少不熟

@wangtian2020 我是不会 block 只会无脑堆 flex 的前端😂

[kakki]

有没有 grid 的

[iorilu]

@kakki 有的, 这个作者搞了不少

[https://codepip.com/games/grid-garden/]( https://codepip.com/games/grid-garden/)

不过这个要注册登陆

[kakki]

@iorilu 谢谢,收下了.