docs(Grid): clarify support for direction='column'

Author: 0210shivam

docs/data/material/components/grid/grid.md

@@ -243,11 +243,16 @@ It cannot wrap other elements.
 
 ## Limitations
 
-### Column direction
+### Column Direction (`direction="column"`)
 
-Using `direction="column"` or `direction="column-reverse"` is not supported.
-The Grid component is specifically designed to subdivide a layout into columns, not rows.
-You should not use the Grid component on its own to stack layout elements vertically.
-Instead, you should use the [Stack component](/material-ui/react-stack/) inside of a Grid to create vertical layouts as shown below:
+The `Grid` component **supports `direction="column"`** for creating vertical layouts. This allows for stacking child elements in a **column**, which is commonly used for responsive layouts.
 
-{{"demo": "ColumnLayoutInsideGrid.js"}}
+**Example:**
+
+```tsx
+<Grid container direction="column">
+  <Grid item>Item 1</Grid>
+  <Grid item>Item 2</Grid>
+  <Grid item>Item 3</Grid>
+</Grid>
+```