# Learn CSS Grid with a virtual garden game

**URL:** <https://forum.devtalk.com/t/learn-css-grid-with-a-virtual-garden-game/157646>\
**Category:** In The News\
**Tags:** css\
**Created:** [3 June 2024 14:40 UTC](https://forum.devtalk.com/t/learn-css-grid-with-a-virtual-garden-game/157646 "2024-06-03T14:40:31Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![CommunityNews](https://forum.devtalk.com/user_avatar/forum.devtalk.com/communitynews/32/1113_2.png) [@CommunityNews](https://forum.devtalk.com/u/CommunityNews)\
**Post date:** [3 June 2024 14:40 UTC](https://forum.devtalk.com/t/learn-css-grid-with-a-virtual-garden-game/157646/1 "2024-06-03T14:40:31Z")

</div>

> Grid Garden.  
> A game for learning CSS grid layout

Read in full here:

> **[Grid Garden](https://cssgridgarden.com/)**
>
> A game for learning CSS grid layout

_This thread was posted by one of our members via one of our news source trackers._

---

<div class="post-metadata">

**Author:** ![mercyf](https://forum.devtalk.com/user_avatar/forum.devtalk.com/mercyf/32/6657_2.png) [@mercyf](https://forum.devtalk.com/u/mercyf)\
**Post date:** [4 June 2024 06:24 UTC](https://forum.devtalk.com/t/learn-css-grid-with-a-virtual-garden-game/157646/2 "2024-06-04T06:24:55Z")

</div>

I need to brush up on my Flexbox and CSS Grid knowledge. This looks cool. 😊

---

<div class="post-metadata">

**Author:** ![kainlite](https://forum.devtalk.com/user_avatar/forum.devtalk.com/kainlite/32/5928_2.png) [@kainlite](https://forum.devtalk.com/u/kainlite)\
**Post date:** [5 June 2024 14:16 UTC](https://forum.devtalk.com/t/learn-css-grid-with-a-virtual-garden-game/157646/3 "2024-06-05T14:16:07Z")

</div>

This is great ❤

---

<div class="post-metadata">

**Author:** ![jaeyson](https://forum.devtalk.com/user_avatar/forum.devtalk.com/jaeyson/32/6395_2.png) [@jaeyson](https://forum.devtalk.com/u/jaeyson)\
**Post date:** [16 June 2024 03:40 UTC](https://forum.devtalk.com/t/learn-css-grid-with-a-virtual-garden-game/157646/4 "2024-06-16T03:40:55Z")

</div>

this and cssbento. reminiscing the old times.

---

<div class="post-metadata">

**Author:** ![dani](https://forum.devtalk.com/user_avatar/forum.devtalk.com/dani/32/6675_2.png) [@dani](https://forum.devtalk.com/u/dani)\
**Post date:** [16 June 2024 09:10 UTC](https://forum.devtalk.com/t/learn-css-grid-with-a-virtual-garden-game/157646/5 "2024-06-16T09:10:20Z")

</div>

What is cssbento?

---

<div class="post-metadata">

**Author:** ![jaeyson](https://forum.devtalk.com/user_avatar/forum.devtalk.com/jaeyson/32/6395_2.png) [@jaeyson](https://forum.devtalk.com/u/jaeyson)\
**Post date:** [16 June 2024 12:08 UTC](https://forum.devtalk.com/t/learn-css-grid-with-a-virtual-garden-game/157646/6 "2024-06-16T12:08:19Z")

</div>

sorry I worded it incorrectly: [https://flukeout.github.io](https://flukeout.github.io)

---

<div class="post-metadata">

**Author:** ![faust](https://forum.devtalk.com/user_avatar/forum.devtalk.com/faust/32/6673_2.png) [@faust](https://forum.devtalk.com/u/faust)\
**Post date:** [16 June 2024 14:57 UTC](https://forum.devtalk.com/t/learn-css-grid-with-a-virtual-garden-game/157646/7 "2024-06-16T14:57:08Z")

</div>

I didn’t know this one, it’s really funny and good to learn/practice

I just love these games =)

here’s another one to learn flex box

> **[Flexbox Froggy](https://flexboxfroggy.com/)**
>
> A game for learning CSS flexbox

---

<div class="post-metadata">

**Author:** ![jaeyson](https://forum.devtalk.com/user_avatar/forum.devtalk.com/jaeyson/32/6395_2.png) [@jaeyson](https://forum.devtalk.com/u/jaeyson)\
**Post date:** [16 June 2024 16:35 UTC](https://forum.devtalk.com/t/learn-css-grid-with-a-virtual-garden-game/157646/8 "2024-06-16T16:35:36Z")

</div>

Oh, I almost forgot that game. Oldie but goldie.

---

<div class="post-metadata">

**Author:** ![dani](https://forum.devtalk.com/user_avatar/forum.devtalk.com/dani/32/6675_2.png) [@dani](https://forum.devtalk.com/u/dani)\
**Post date:** [24 June 2024 07:59 UTC](https://forum.devtalk.com/t/learn-css-grid-with-a-virtual-garden-game/157646/9 "2024-06-24T07:59:46Z")

</div>

Nice. Thanks.
