~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
File: /StudentResourcesII/Bootstrap/MasteringBootstrap4_BehindTheWall/Chap02/breakpoints.txt
updated by JMH on July 16, 2023 at 2:01 PM
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

AVAILABLE BREAKPOINTS
  https://getbootstrap.com/docs/5.0/layout/breakpoints/

(this information updates page 36 and page 44 of the text)

Bootstrap 5 includes six default breakpoints, sometimes referred to as grid tiers, for
building responsively. (These breakpoints can be customized if you’re using our source 
Sass files.)

  +-------------------+--------+------------+
  |                   | Class  |            |
  | Breakpoint        | Infix  | Dimensions |
  +-------------------+--------+------------+
  | X-Small           | (none) | <576px     |
  | Small             |  sm    | ≥576px     |
  | Medium            |  md    | ≥768px     |
  | Large             |  lg    | ≥992px     |
  | Extra large       |  xl    | ≥1200px    |
  | Extra extra large |  xxl   | ≥1400px    |
  +-------------------+--------+------------+

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.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~