Skip to content

Instantly share code, notes, and snippets.

@yi-mei-wang

yi-mei-wang/Tic tac toe.md

Created October 4, 2019 03:03
Show Gist options
  • Save yi-mei-wang/442d56a8f19a6158d5854bc368625288 to your computer and use it in GitHub Desktop.
Save yi-mei-wang/442d56a8f19a6158d5854bc368625288 to your computer and use it in GitHub Desktop.
Download ZIP
How to start building tic tac toe?
Raw
Tic tac toe.md

Ask important questions when you're just starting to build something

What HTML do I need?

  • 3x3 grid
    • div? button? table?
  • New game button
  • A header to announce the winner
  • A section to keep track of the current winner

What CSS do I need?

  • display/position

    • grid and sidebar on the same line
    • 3 grids on one line at all times (row and col if using Bootstrap)

  • border

    • 1px solid black (Mei's favourite)?

  • font-family and colour properties (e.g, color, background-color, border-color)

  • padding and margin

    • space between border of the grid and the marker

  • Responsiveness:

    • calc( )
    • vw and vh for responsive width and height
    • media queries
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment