← Return to Chapter Contents

Tic-Tac-Toe

1
2
3
4
5
6
7
8
9

Tic Tac Toe Instructions

This is the game that will be used as a project for the end of the chapter. The goal of this project is not for the creation of the game but to use the CSS layout properties to lay out the game and instructions. In my version, I am taking advantage of flex, grid, and media queries to have a game that will adjust its size and layout based on the display resolution (and orientation if applicable).

The game play is your typical hotseat tic-tac-toe game. Player X clicks on an empty tile, then Player O does the same. This continues until a horizontal, vertical, or diagonal line of the same symbol is formed in which case that player is the winner. In the case that the board is filled with no winner, we say it is the cat’s game.

← Return to Chapter Contents

Copyright © 2025 Billy D. Spelchan. All Rights Reserved.