Snake built with CSS Grid.
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.
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
Currently no build step is required to run locally. Serve the files in ./src
folder.
npm install && npm start
Font used is Majör Mono Display in WOFF2 format, with a numerals (0-9) and lowercase basic Latin characters (a-z).