Chapter 6: HTML Forms
Tic-Tac-Toe
The game we will be developing at the end of this chapter.
Chapter 6 Contents
6.1 Layout Cheat Sheets
This chapter's summary cheat sheet.
6.2 The Layout problem
Why layout is complicated for web pages.
6.3 Display blocks
The basic display types.
6.4 Flexible Boxes
A box that contains other components and sizes them to fit the available space.
6.5 Grid
A flexible grid where you can lay out your design.
6.6 Grid Templates
Using templates to make laying out components in a grid easy.
6.7 Multiple columns
Using the columns attributes to easily allow for multiple columns.
6.8 Floating
Having images (or other blocks) have text wrap around them.
6.9 Position
There are other ways of placing elements by using the position attribute.
6.10 Media Queries
Altering CSS based on the properties of the device the page is being rendered on.
6.11 Project: Tic-Tac-Toe
The project for this chapter.
6.12 Project Solution
Solution for this chapter's project
Back to Table of Contents