docs(grid): update grid overview page (#3545)

* docs(grid): update grid overview page * chore: lock file
carbon-design-system · May 15, 2023 · 1ed2059 · 1ed2059 · vercel · May 15, 2023
1 parent e382504
commit 1ed2059
Show file tree

Hide file tree

Showing 2 changed files with 68 additions and 172 deletions.
diff --git a/src/pages/guidelines/2x-grid/overview.mdx b/src/pages/guidelines/2x-grid/overview.mdx
@@ -27,43 +27,6 @@ creative decision-making.
 
 <Video title="2x Grid Overview" vimeoId="281513522" />
 
-## Resources
-
-<Row className="resource-card-group">
-<Column colMd={4} colLg={4} noGutterSm>
-  <ResourceCard
-    subTitle="IBM Grid Template"
-    href="https://sketch.cloud/s/3a3f3f2d-94d7-4c16-8e2e-88ba80a6382e"
-    >
-      <MdxIcon name="sketch" />
-  </ResourceCard>
-</Column>
-<Column colLg={4} colMd={4}  noGutterSm>
-  <ResourceCard
-    subTitle="Elements package: Grid"
-    href="https://github.com/carbon-design-system/carbon/tree/v10/packages/grid"
-    >
-
-<MdxIcon name="github" />
-
-  </ResourceCard>
-</Column>
-<Column colLg={4} colMd={4} noGutterSm>
-  <ResourceCard
-    subTitle="Grid package preview"
-    href="https://carbon-elements.netlify.com/grid/examples/preview/"
-    >
-
-<MdxIcon name="codesandbox" />
-
-  </ResourceCard>
-</Column>
-</Row>
-
-<br />
-
-<br />
-
 ## Mini unit
 
 The basic unit of 2x Grid geometry is the 8-pixel square mini unit. Multiples of
@@ -116,8 +79,9 @@ divide by two as needed.
 #### Fixed grid
 
 A fixed grid starts with a fixed unit size from the sizing scale, then tiles and
-wraps as needed, like text. To employ the 2x concept, multiply box sizes by two
-and mix them together.
+wraps as needed, like text. To employ the 2x concept, once you’ve determined the
+original box size that you want to use, you can multiply it by two and so forth
+to create a layout.
 
 When tiling fixed boxes, the column count is not known in advance, but a grid
 emerges visually due to the use of a consistent sizing scale. On breakpoint
@@ -435,7 +399,7 @@ it to the top or bottom margin of a box:
 ![Mini unit is the guide when needed. Spacer snaps to the text box and does not necessarily need to snap to the mini unit.](images/Layout_overview_Visual-rhythm-do.svg)
 
   </DoDont>
-  <DoDont type="dont" caption="In Sketch, always use “Auto” in alignment to ensure the text box is fitting with the content. Spacer snaps to the text box.">
+  <DoDont type="dont" caption="In Figma, always use “Auto width” in the Text panel to ensure the text box is fitting with the content. Spacer snaps to the text box.">
 
 ![Always use “Auto” in alignment to ensure the text box is fitting with the content. Spacer snaps to the text box.](images/Layout_overview_Visual-rhythm-dont.svg)