CSS Grid Snake

Testing out CSS Grid by making a the classic snake game in CSS

28 March 2019

A while back in 2017, I decided to build a responsive snake visialisation using CSS Grid. This demo uses grid-column and grid-row to layout the snakes body on a 10x10 grid. It then uses CSS breakpoints to change these values, making it look like the snake is moving or growing.

https://codepen.io/aaronvanston/pen/yodRyq