CSS Diner

by Luke Pacholski · Learning · Open source

CheckedBrowser

Free

Plays in your browser. Needs a keyboard or mouse.

Learn and practice CSS selectors by serving the right dishes on the table.

Examine the dishes on the dining table along with their HTML markup. Type the correct CSS selector into the code editor to target the requested items. Submitting the right selector clears the order and advances you to the next challenge.

How to play

Keyboard
Mouse
Computer only

Needs a keyboard or mouse.

Click inside the game first so it gets your keys. Your progress is saved in this browser.

Credits

Made by: Luke Pacholski
Code: Mozilla Public License 2.0
Source: github.com/flukeout/css-diner

Created by Luke Pacholski with special thanks to k88hudson, antlam, and smashman2004.

Ratings and comments

No reviews yet. Anyone who plays it on GamesXi while signed in can review it a day later.

More games

See all