Suggest an editImprove this articleRefine the answer for “What does the fr unit mean?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`fr` (fraction)** is a fraction of the free space in CSS Grid that divides the remaining space in the container between columns or rows, unlike pixels or percentages. **Key point:** `fr` is a flexible proportional unit for distributing free space in Grid, and it only accounts for what remains after fixed sizes.Shown above the full answer for quick recall.Answer (EN)Image`fr` (fraction) is **a fraction of the free space** in CSS Grid. It is not equal to pixels or percentages: it is a unit that divides *the remaining space* in the container between columns or rows. Example: ```css grid-template-columns: 1fr 2fr 1fr; ``` Here the grid divides the free space into **4 fractions**: - the first column: `1/4` - the second: `2/4` - the third: `1/4` Important: `fr` only accounts for *what remains* after subtracting fixed sizes (`px`, `%`, `auto`, `min-content`, etc.). **Summary:** `fr` is a flexible proportional unit for distributing free space in Grid.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.