Style an 8x8 chessboard with HTML and CSS, using CSS Grid for alternating light and dark squares. Add chess piece icons from the provided resources—no Flexbox, just Grid.
Resources: Font Awesome Icons
Things you need to know: Box-shadow, creating a layout with CSS Grid, centering elements using CSS Grid
Apply the background and add the heading.
Create the container for the Chess Board.
Give it a white background colour.
Build the grid and style the squares with alternating colors.
Use white and gray colours for the alternate squares.
Use Font Awesome for the icons. The link is in the resources section.
Position the icons. Make sure they are both vertically and horizontally centered in the cells.
These are some of the other projects you can build.