# Fraction unit

fr: a share of the leftover space in a grid.

## What is the `fr` unit?

The **fraction unit** (`fr`) shares out the leftover space in a grid. `1fr 2fr` gives the second column twice as much.

```css
.layout { display: grid; grid-template-columns: 1fr 2fr; }
```

Level: Journeyman · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/fraction-unit