From 54bcb2b4ed331f8df3cd9ef5baa3b262c686275f Mon Sep 17 00:00:00 2001 From: Will McGugan Date: Thu, 15 Sep 2022 11:10:40 +0100 Subject: [PATCH] Update docs/guide/styles.md Co-authored-by: darrenburns --- docs/guide/styles.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/guide/styles.md b/docs/guide/styles.md index 96e6253bd..e31b9b49c 100644 --- a/docs/guide/styles.md +++ b/docs/guide/styles.md @@ -186,7 +186,7 @@ With the width set to `"50%"` and the height set to `"80%"`, the widget will kee Percentage units are useful for widgets that occupy a relative portion of the screen, but they can be problematic for some proportions. For instance, if we want to divide the screen into thirds, we would have to set a dimension to `33.3333333333%` which is awkward. Textual supports `fr` units which are often better than percentage-based units for these situations. -When specifying `fr` units for a given dimensions, Textual will divide the available space by the total `fr` units on a dimension. That space will then be divided amongst the widgets as a proportion of their individual `fr` value. +When specifying `fr` units for a given dimension, Textual will divide the available space by the sum of the `fr` units on that dimension. That space will then be divided amongst the widgets as a proportion of their individual `fr` values. Let's look at an example. We will create two widgets, one with a height of `"2fr"` and one with a height of `"1fr"`.