Update copy around breakpoint sizing (#31382)

* Update copy around breakpoint sizing

Fixes #31288

* Update breakpoints.md

* Further copy changes

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

site/content/docs/5.0/layout/breakpoints.md

@@ -61,7 +61,7 @@ Bootstrap includes six default breakpoints, sometimes referred to as _grid tiers
   </tbody>
 </table>
 
-Each breakpoint size was chosen to be a multiple of 12 and to be representative of a subset of common device sizes and viewport dimensions. They don't specifically target every use case or device, but the provide ranges provide a strong and consistent foundation to build on for any nearly device.
+Each breakpoint was chosen to comfortably hold containers whose widths are multiples of 12. Breakpoints are also representative of a subset of common device sizes and viewport dimensions—they don't specifically target every use case or device. Instead, the ranges provide a strong and consistent foundation to build on for nearly any device.
 
 These breakpoints are customizable via Sass—you'll find them in a Sass map in our `_variables.scss` stylesheet.
 
@@ -202,4 +202,3 @@ Which results in:
 // Apply styles starting from medium devices and up to extra large devices
 @media (min-width: 768px) and (max-width: 1199.98px) { ... }
 {{< /highlight >}}
-