---
title: "CSS Diner"
description: "Thirty-two level game that teaches CSS selectors by asking you to select plates, bento boxes and apples."
canonical: "https://vibing.inc/library/css-diner-vg-1234"
category: "Learning & Craft"
subcategory: "CSS games"
license: "MIT"
author: "Luke Pacholski (@flukeout)"
source: "https://flukeout.github.io/"
---

# CSS Diner
Thirty-two level game that teaches CSS selectors by asking you to select plates, bento boxes and apples.
## Facts
- Source: https://flukeout.github.io/
- Category: Learning & Craft / CSS games
- Author: Luke Pacholski (@flukeout)
- Licence: MIT
- Tags: css, selectors, game, learning
## Why it's a gem
The original selector trainer; still the fastest path from :nth-child confusion to fluency
---
Listed in The Vibeary: https://vibing.inc/library/css-diner-vg-1234 · JSON: https://vibing.inc/api/public/library/gems/css-diner-vg-1234