Merge branch 'main' into add-multiselect-types

packages/react/src/components/Grid/Grid.mdx

@@ -91,10 +91,10 @@ we will use the `sm`, `md`, and `lg` prop to specify how many columns the
 ### Debugging
 
 It is incredibly helpful when debugging CSS Grid to use the browser developer
-tools' css grid mode to view the grid definition. Depending on the browser, these
-typically provide a toggle for overlaying a schematic showing the column and
-grid gap definition. With this overlay, it's much easier to visually understand
-if grid modes are configured and set properly on the grid.
+tools' css grid mode to view the grid definition. Depending on the browser,
+these typically provide a toggle for overlaying a schematic showing the column
+and grid gap definition. With this overlay, it's much easier to visually
+understand if grid modes are configured and set properly on the grid.
 
 Documentation on these features is available for
 [Chrome](https://developer.chrome.com/docs/devtools/css/grid/),
@@ -163,7 +163,7 @@ The values of these custom properties can be changed to modify the default
 behavior of columns.
 
 <Preview>
-  <Story id="elements-grid--responsives" />
+  <Story id="elements-grid--responsive" />
 </Preview>
 
 ## Offset columns