Day 9

9AM

Casey's Project Review

We'll wrap up Casey's project, get the code on GitHub, and go through everyone's different approaches together.

1030

Positioning

Today we learn a new layout technique, positioning, which utilizes the position property.

Position: Static

This is the default

Position: Fixed

This is how we do "sticky" navbars and headers.

Offsets

• top
• right
• bottom
• left

Fixed Projects

Fix the nav element on the brochure.

Fix the header on Casey's Project.

1300

Positioning: Relative

• z-index

Relative Positioning: Boxes

1400

Positioning: Absolute

This is the most powerful, and thus trickiest, of the position values.

Four corners project