The CSS Tech Challenge for TechBootcamp
Your mission is to create a responsive chessboard!
- Create the chess board grid and style the squares
- The chessboard should be responsive
- Change something about the chessboard when it's portrait
- Animate one, or many, chess pieces moves in CSS.
- Centered blank board (.grid)
- 64
divelements for the squares (.cell) - 32
divelements for for each of the pieces (.piece) with added classes for color (.color) and type (.type)
Tip: Use DOM Inspector to get a better sense of the the document structure that I created for you.
gridpropertybackgroundpropertytransformpropertytransitionproperty