The Fractional Matrix

Mission Briefing

Percentages are old news. Use Fractional (fr) units to let the grid distribute remaining space automatically.

The Concept: FR Units

1fr represents one fraction of the available space. A grid with 1fr 2fr will have the second column twice as wide as the first.

The Objective

1. Target the #grid.
2. Create three columns using 1fr each.