jouni-kantola / grid-snake

Snake game built with CSS Grid 🐍

Grid Snake

Snake built with CSS Grid.

Game idea

The idea of building Snake and (over-)use CSS Grid as much as possible, started out as a practicing playground. Approaching the problem with that goal in mind, both layout and UI elements/components use CSS Grid, even where other techniques would have worked at least as well.

Play

The UI is responsive and works on both computers and touch devices. In the latter scenario, on-screen game controls are displayed. Grid Snake can be installed as a fullscreen app (PWA). Try it out here: Grid Snake

Run locally

Currently no build step is required to run locally. Serve the files in ./src folder.

Development

npm install && npm start

Credits

Font used is Majör Mono Display in WOFF2 format, with a numerals (0-9) and lowercase basic Latin characters (a-z).