Copywriting edits

diff --git a/site/content/docs/4.3/content/typography.md b/site/content/docs/4.3/content/typography.md
index 54636bc89ccd8a36302a5f743479e7176180801a..d4daabdd033f20d4d209c82f8c95e5fea4fff52a 100644 (file)
--- a/site/content/docs/4.3/content/typography.md
+++ b/site/content/docs/4.3/content/typography.md
@@ -272,4 +272,4 @@ Align terms and descriptions horizontally by using our grid system's predefined
 
 ## Responsive font sizes
 
-In Bootstrap `v5`, we've enabled responsive font sizes by default, allowing text to scale more naturally across device and viewport sizes. Have a look at the [RFS]({{< docsref "/getting-started/rfs" >}}) page to find out how this works.
+In Bootstrap 5, we've enabled responsive font sizes by default, allowing text to scale more naturally across device and viewport sizes. Have a look at the [RFS page]({{< docsref "/getting-started/rfs" >}}) to find out how this works.

diff --git a/site/content/docs/4.3/getting-started/rfs.md b/site/content/docs/4.3/getting-started/rfs.md
index 744b79cfafeb0e9a6f768fa1f8fb9c70675d819b..a48701bc0b0dd1538fcf90029f819bc213a71a68 100644 (file)
--- a/site/content/docs/4.3/getting-started/rfs.md
+++ b/site/content/docs/4.3/getting-started/rfs.md
@@ -1,14 +1,14 @@
 ---
 layout: docs
 title: RFS
-description: Bootstrap's resizing engine.
+description: Bootstrap's resizing engine responsively scales common CSS properties to better utilize available space across viewports and devices.
 group: getting-started
 toc: true
 ---
 
 ## What is RFS?
 
-Bootstrap's side project [RFS](https://github.com/twbs/rfs) is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is capable of rescaling basically every value for any css property with units, like `margin`, `padding`, `border-radius` or even `box-shadow`.
+Bootstrap's side project [RFS](https://github.com/twbs/rfs) is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is capable of rescaling most CSS properties with unit values like `margin`, `padding`, `border-radius`, or even `box-shadow`.
 
 The mechanism automatically calculates the appropriate values based on the dimensions of the browser viewport. It will be compiled into `calc()` functions with a mix of `rem` and viewport units to enable the responsive scaling behavior.
 
@@ -18,7 +18,7 @@ The mixins are included in Bootstrap and are available once you include Bootstra
 
 ### Using the mixins
 
-The `rfs()` mixin has shorthands for `font-size`, `margin`, `margin-top`, `margin-right`, `margin-bottom`, `margin-left`, `padding`, `padding-top`, `padding-right`, `padding-bottom` and `padding-left` which can be used like this:
+The `rfs()` mixin has shorthands for `font-size`, `margin`, `margin-top`, `margin-right`, `margin-bottom`, `margin-left`, `padding`, `padding-top`, `padding-right`, `padding-bottom`, and `padding-left`. See the example below for source Sass and compiled CSS.
 
 ```scss
 .title {
@@ -26,8 +26,6 @@ The `rfs()` mixin has shorthands for `font-size`, `margin`, `margin-top`, `margi
 }
 ```
 
-which outputs the following CSS:
-
 ```css
 .title {
   font-size: calc(1.525rem + 3.3vw);
@@ -83,4 +81,4 @@ In this example we use one of Bootstrap's built-in [responsive breakpoint mixins
 
 ## Extended documentation
 
-RFS is a separate project under the Bootstrap organisation. More about RFS and its configuration can be found on its [GitHub repository](https://github.com/twbs/rfs).
+RFS is a separate project under the Bootstrap organization. More about RFS and its configuration can be found on its [GitHub repository](https://github.com/twbs/rfs).