Grid

Taffy’s Grid API mirrors CSS Grid and is best for two-dimensional layouts. Define tracks for rows and columns, then place items by line or area.

Core Concepts

• Track: row or column sizing definition
• Line: grid line used for placement
• Area: named regions (if you use them)

Columns:  1fr 2fr
Rows:     auto 1fr

┌───────────────┐
│ Header        │
├───────┬───────┤
│ Nav   │ Main  │
└───────┴───────┘

Minimal Example

Next Steps

• Grid Templates
• Grid Column
• Grid Row