diff --git a/packages/web-react/src/components/Grid/README.md b/packages/web-react/src/components/Grid/README.md
index 00d3b1036f..41534a1528 100644
--- a/packages/web-react/src/components/Grid/README.md
+++ b/packages/web-react/src/components/Grid/README.md
@@ -128,6 +128,34 @@ component itself using the [`cols` prop](#api) and might not need to set columns
 listing with 3 columns is easier to set using `cols="3"` on the `Grid` component than setting
 `columnStart` and `columnEnd` on each `GridItem`.
 
+### Grid Placement Props: `columnStart`, `columnEnd`, `rowStart`, `rowEnd`
+
+These props control the placement of grid items within a CSS Grid layout by specifying where the item starts and ends in rows and columns:
+
+- `columnStart`: Specifies the vertical grid line where the item begins.
+- `columnEnd`: Specifies the vertical grid line where the item ends. The item spans up to, but does not include, this grid line. For example, if columnEnd is "3", the item ends at the line before the third column.
+- `rowStart`: Specifies the horizontal grid line where the item begins.
+- `rowEnd`: Specifies the horizontal grid line where the item ends. The item spans up to, but does not include, this grid line. For example, if rowEnd is "4", the item ends at the line before the fourth row.
+
+#### Grid Placement Example
+
+```jsx
+<GridItem
+  columnStart={2}
+  columnEnd={5} // or columnEnd="span 3"
+  rowStart={1}
+  rowEnd={3} // or rowEnd="span 2"
+>
+  …
+</GridItem>
+```
+
+<img src="https://raw.githubusercontent.com/lmc-eu/spirit-design-system/refs/heads/main/packages/web-react/src/components/Grid/static/GridExample.svg" alt="Grid example" width="400" />
+
+_The image is taken from the [CSS Grid Layout Guide][css-tricks-grid]._
+
+These props align with their respective CSS Grid properties, providing precise control over grid item placement. Learn more in the [MDN CSS Grid][grid-mdn] documentation.
+
 Basic example usage:
 
 ```jsx
@@ -179,8 +207,10 @@ If you need more control over the styling of a component, you can use [style pro
 and [escape hatches][readme-escape-hatches].
 
 [alignment-dictionary]: https://github.com/lmc-eu/spirit-design-system/blob/main/docs/DICTIONARIES.md#alignment
-[grid]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web/src/scss/components/Grid/README.md
+[css-tricks-grid]: https://css-tricks.com/snippets/css/complete-guide-grid/
 [digitalocean-span]: https://www.digitalocean.com/community/tutorials/css-css-grid-layout-span-keyword
+[grid]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web/src/scss/components/Grid/README.md
+[grid-mdn]: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout
 [readme-additional-attributes]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/README.md#additional-attributes
 [readme-escape-hatches]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/README.md#escape-hatches
 [readme-style-props]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/README.md#style-props
diff --git a/packages/web-react/src/components/Grid/static/GridExample.svg b/packages/web-react/src/components/Grid/static/GridExample.svg
new file mode 100644
index 0000000000..e0f57772c8
--- /dev/null
+++ b/packages/web-react/src/components/Grid/static/GridExample.svg
@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="418" height="365" version="1.2"><style>tspan{white-space:pre}.s0{fill:#1e1e1e}.t1{font-size:24px;fill:#000;font-weight:400;font-family:&quot;DejaVuSans&quot;,&quot;DejaVu Sans&quot;}.s3{fill:#757575}</style><text id="1" style="transform:matrix(1,0,0,1,401,18)">
+		<tspan x="0" y="0" class="t1">1
+</tspan>
+	</text><text style="transform:matrix(1,0,0,1,-1,329)">
+		<tspan x="0" y="0" class="t1">1
+</tspan>
+	</text><text id="2" style="transform:matrix(1,0,0,1,43,329)">
+		<tspan x="0" y="0" class="t1">2
+</tspan>
+	</text><text style="transform:matrix(1,0,0,1,402,76)">
+		<tspan x="0" y="0" class="t1">2
+</tspan>
+	</text><text id="3" style="transform:matrix(1,0,0,1,401.94,171.173)">
+		<tspan x="0" y="0" class="t1">3
+</tspan>
+	</text><text id="4" style="transform:matrix(1,0,0,1,404,283)">
+		<tspan x="0" y="0" class="t1">4
+</tspan>
+	</text><path d="M375.1 243.2c14.9-17.5 2-47.7 6.1-75.3.4-8.3 0-109.7.2-114.5 0-1 18.8-59.8-43-46.3-1.7-.2-155.2-4.8-193.6-3.5-29.4-12.4-44.2 11.5-102.3.3-50.8-5.4-35 25.8-35 25.9-12.7 15 .2 28.1-.1 30.8-1.2 10.8-1.1 68.7-2 70.6-2.2 4.7-8.6 24-1 43.7-6.9 12.7 3.5 42.4-1.1 82.6 2.6 19 24.7 29.5 60 20.3 27.1 11.9 97.8.4 151 2.7 23.7-.2 89.1-3.1 90.8-3.4-.2 7.1 52.7 6.2 58.4 5.7 25.8-1.8 21.2-32.8 11.6-39.6z" style="fill:#fff"/><path d="M48.9 4.5c-1.3 21.7-.4 267.5-.3 274.3 0 .3.2.6.4.8.2.2.5.4.9.4.3 0 .6-.2.8-.4.3-.2.4-.5.4-.8-.2-21.5-.9-154.4-.7-199.3.1-25 1-50 .4-75q-.1-.3-.3-.5-.3-.3-.6-.3-.4 0-.7.3-.2.2-.3.5zm51.8.7c-.7 21.8-.1 43.7-.1 65.5 0 23.6-.7 200.6-.7 208.1 0 .3.1.6.4.8.2.2.5.3.8.3.4 0 .7-.1.9-.3.2-.2.4-.5.4-.8.2-21.4.3-42.8.4-64.2.2-45 1-184.6-.2-209.3q0-.5-.3-.8-.2-.2-.7-.2-.4 0-.7.2-.3.3-.3.8zm180 0c-.7 21.8-.1 113.2-.2 137q-.2 57.4-.5 114.8c-.1 7.5 0 15.1-.1 22.6 0 .3.2.6.4.9.3.2.6.3.9.3.3 0 .6-.1.9-.3.2-.3.3-.6.4-.9.1-20.8 1.3-249.6.2-274.4q-.1-.3-.4-.6-.2-.2-.6-.2-.3 0-.6.2-.3.3-.3.6zm54.6 273.5c1-21.9.3-266.1.3-273.5 0-.3-.2-.6-.4-.8-.2-.2-.6-.4-.9-.4-.3 0-.6.2-.8.4-.3.2-.4.5-.4.8 0 21.2-.6 248.6.3 273.5q0 .4.2.7.3.3.8.3.4 0 .7-.3.2-.3.3-.7z" class="s0"/><path d="M377.9 65.7c-54.8-1.5-360.9.4-372.9.5-.3 0-.6.1-.9.3-.2.3-.3.6-.3.9 0 .3.1.6.3.9.3.2.6.4.9.4 33.7-.3 345.7-.9 372.9-1q.3-.1.6-.4.2-.3.2-.6 0-.4-.2-.6-.3-.3-.6-.4zm1.6 96.7c-56.4.7-362.8.5-374.5.4-.3.1-.6.2-.8.4-.2.3-.3.6-.3.9 0 .3.1.6.3.8.2.3.5.4.8.4 33.2.3 346.2.4 374.5-1q.3 0 .5-.3t.2-.6q0-.3-.2-.6t-.5-.4z" class="s0"/><path d="M388.9 8.4h-4.7q-.2 0-.3.2-.1.1-.1.2 0 .2.1.3.1.1.3.1h4.7q.1 0 .2-.1.2-.1.2-.3 0-.1-.2-.2-.1-.2-.2-.2zm9 0h-5.4q-.1 0-.2.1-.2.2-.2.3 0 .2.2.3.1.1.2.1h5.4q.2 0 .3-.2.1-.1.1-.2 0-.2-.1-.3-.1-.1-.3-.1zm-9 57.7h-4.7q-.2 0-.3.1-.1.1-.1.3 0 .2.1.3.1.1.3.1h4.7q.1 0 .2-.1.2-.1.2-.3 0-.2-.2-.3-.1-.1-.2-.1zm9-.1q-2.7 0-5.4.1-.1 0-.2.1-.2.1-.2.3 0 .1.2.2.1.2.2.2 2.7 0 5.4-.1.2 0 .3-.1.1-.1.1-.3 0-.2-.1-.3-.1-.1-.3-.1zm-9 97h-4.7q-.2 0-.3.1-.1.1-.1.3 0 .2.1.3.1.1.3.1h4.7q.1 0 .2-.1.2-.1.2-.3 0-.2-.2-.3-.1-.1-.2-.1zm9-.1q-2.7 0-5.4.1-.1 0-.2.1-.2.1-.2.3 0 .1.2.2.1.2.2.2 2.7 0 5.4-.1.2 0 .3-.1.1-.1.1-.3 0-.2-.1-.3-.1-.1-.3-.1zm-9 113.4h-4.7q-.2 0-.3.1-.1.1-.1.3 0 .1.1.3.1.1.3.1h4.7q.1 0 .2-.1.2-.2.2-.3 0-.2-.2-.3-.1-.1-.2-.1zm9-.1h-5.4l-.2.2q-.2.1-.2.2 0 .2.2.3.1.1.2.1 2.7.1 5.4 0 .2 0 .3-.1.1-.1.1-.3 0-.2-.1-.3-.1-.1-.3-.1zM50.4 289.3v-4.7q0-.1-.2-.3-.1-.1-.2-.1-.2 0-.3.1-.1.2-.1.3v4.7q0 .2.1.3.1.1.3.1.1 0 .2-.1.2-.1.2-.3zm0 9.1V293q0-.2-.1-.3-.2-.1-.3-.1-.2 0-.3.1-.1.1-.1.3v5.4q0 .1.2.3.1.1.2.1.2 0 .3-.1.1-.2.1-.3zm229.8-4.7v4.7q0 .1.1.3.1.1.3.1.1 0 .3-.1.1-.2.1-.3v-4.7q0-.2-.1-.3-.2-.1-.3-.1-.2 0-.3.1-.1.1-.1.3zm-.1-9v5.3q.1.2.2.3.1.1.2.1.2 0 .3-.1.1-.1.1-.3v-5.3q0-.2-.1-.3-.1-.1-.3-.1-.2 0-.3.1-.1.1-.1.3zm54.6 4.6v-4.6q0-.2-.1-.3-.2-.1-.3-.1-.2 0-.3.1-.1.1-.1.3v4.6q0 .2.1.3.1.1.3.1.1 0 .3-.1.1-.1.1-.3zm.1 9.1q0-2.7-.1-5.4 0-.2-.1-.3-.1-.1-.3-.1-.2 0-.3.1-.1.1-.1.3 0 2.7.1 5.4 0 .1.1.3.1.1.3.1.1 0 .2-.1.2-.2.2-.3zm43.1-9.1v-4.6q0-.2-.1-.3-.1-.1-.3-.1-.1 0-.3.1-.1.1-.1.3v4.6q0 .2.1.3.2.1.3.1.2 0 .3-.1.1-.1.1-.3zm.1 9.1-.1-5.4q0-.2-.1-.3-.1-.1-.3-.1-.1 0-.2.1-.2.1-.2.3l.1 5.4q0 .1.1.3.1.1.3.1.2 0 .3-.1.1-.2.1-.3zm-276-8.6v-5.1q0-.2-.1-.3-.1-.1-.3-.1-.2 0-.3.1-.1.1-.1.2v5.2q0 .2.1.3.1.1.3.1.2 0 .3-.1.1-.1.1-.3zm.1 8.6q0-2.5-.1-4.9 0-.2-.1-.3-.1-.1-.3-.1-.1 0-.3.1-.1.1-.1.3c0 1.6 0 3.3.1 4.9q0 .1.1.3.1.1.3.1.1 0 .3-.1.1-.2.1-.3zm-96.3-9.1v-4.6q0-.2-.1-.3-.1-.1-.3-.1-.2 0-.3.1-.1.1-.1.3v4.6q0 .2.1.3.1.1.3.1.2 0 .3-.1.1-.1.1-.3zm.1 9.1q0-2.7-.1-5.4 0-.2-.1-.3-.1-.1-.3-.1-.2 0-.3.1-.1.1-.1.3 0 2.7.1 5.4 0 .1.1.3.1.1.3.1.1 0 .3-.1.1-.2.1-.3z" class="s3"/><path fill-rule="evenodd" d="M380.3 272.5c-1.1 4.2-4.4 5.5-8.4 6-5.6.8-320.5 1.6-337.3 1.7-5.8 0-11.6.2-17.4-.5-3.3-.5-9.1-.4-11.3-3.3-1.6-2.1-1.7-5.5-1.8-8.2-.1-2.7.4-192.1.5-219.1.1-12.4-.8-25.3.3-37.6V11.2c1.8-9.8 16.7-7.4 23.8-7.4 1.8 0 230.4-.1 285-.1 13.4 0 53.4.4 58 .8 2.1.2 4.2.2 5.9 1.6 5.5 4.1 3.1 13.9 3.1 20.3l.2 144.7.2 72c0 5.5.4 25.2-.8 29.4zm-1.5-140c-.1-38.5-1.1-77.1 0-115.5.1-4.5-.3-9-5.3-10.2-1.6-.4-18.8-.9-19.8-.9-4.6-.1-319.9-.2-321-.2-6.8 0-24.6-3-26.5 6-.2 3 0 240 0 246.4 0 1 0 7.8.1 10.1.1 1.8 0 4.3.9 5.9 1.4 2.6 4.5 2.5 7 2.9 12.6 2 82.9.8 104.9.7 55.6-.2 203.8-.6 222.3-.7 3.7 0 25.3.8 31.3-.8 6.9-1.9 6-10.7 6.1-16.5.6-42.4 0-84.8 0-127.2z" class="s0"/><path d="M339.3 20.8c-3.2-7.1-12.7 3.8-10.4 8.9.2.6-1.7 93.9.3 117.4.9 10.4-6.2 11.6-7.5 11.8-13 2.6-224.4 2.5-252.1 1.6-5.9-.1-2.3 11.5 4.1 11.6 25.8.9 95.5 1.5 108.6.9 5-.2 67 1.9 94.2 1.4 14.4-.3 29-.8 43.2-3.3 7.9-1.3 15.3-3.1 18.5-11.3 8.2-10.8 2.1-136.7 1.1-139z" style="opacity:.2;fill:#000"/><path d="M52.2 18.5c.3-3.2 3.5-8.4 7.1-9 1.8-.3 241.8-.7 241.8-.7 5.1.2 25.9 1.1 27.3 2.7 3.4 4 1.4 132.9 1.2 137.8-.1 2.2-1.7 10.7-15.2 10.2-5.2.2-242.4 3.5-253.2 0-6.9-2.3-8.9-9.1-9-13-.1-4-.2-124.8 0-128z" style="opacity:.9;fill:#f78100"/><path d="M323.3 11.3c-25.9-1.8-255.6-4-260.2-1-4.8 3.1-7.3 8.9-8.1 14.4-1.8 12.4.1 96.9.1 126.3 0 3.3 2.8 4.6 5.6 3.2 3.1-1.6 5.3-5.8 5.3-9.2-.1-24-1.1-96.7-.9-109.1.1-3 .5-12.2.7-14.1h.1c1.3.4 11.7.3 15.4.4 26 .6 52 1.4 78 1.5 25.8.1 51.6-1.2 77.4-1.5 27.2-.3 54.3 1 81.5 2.9 5.8.3 11.7-13.3 5.1-13.8z" style="opacity:.2;fill:#fff"/><path fill-rule="evenodd" d="M330.6 148.3c-.2 5-1.1 9.2-6.3 11.1-6.4 2.4-14.4 1.4-21 1.6-2.3.1-229.2 1.2-232.9.8-5.1-.5-12.2-1.1-15.4-5.7-3.3-4.8-2.3-12.1-2.5-17.6-.3-10.1.7-110.4.7-110.4.1-5.7-1.6-12.6 3-17.1 4-4 11.4-3.3 16.6-3.3 19.8-.2 207-.2 229 0 7.3 0 15.1-.1 22.4 1 3.8.6 5.1 1.7 5.7 5.5.9 5.5.6 36.7.7 46.7.2 29.1 1.5 58.3 0 87.3zm-1.6-17.7c-.2-29-.5-104.9-.5-108.6-.1-2.7.3-6.7-.9-9-1.3-2.6-4.9-2.3-7.5-2.4-8.9-.5-245.7-1-250-.9-5.6.1-12.7-.1-14.8 6.4-1.2 3.8-.6 12.2-.6 12.2 0 2.3-.3 102.5-.3 106 .1 4.7.2 9.5.6 14.1.5 5.4 2.9 8.6 8.2 10q1.6.4 3.2.7 1.6.3 3.2.5 1.7.2 3.3.3 1.6.1 3.3 0c6.6 0 217-.9 223.7-1 2.8-.1 16.2-.3 20.1-.8l1.4-.2q.7-.1 1.4-.4.7-.2 1.3-.5.7-.3 1.3-.7c2.9-2 2.9-5.7 3-8.9.3-5.6.6-11.2.6-16.8z" style="fill:#f78100"/><text style="transform:matrix(1,0,0,1,95,329)">
+		<tspan x="0" y="0" class="t1">3
+</tspan>
+	</text><text id="GridItem" style="transform:matrix(1,0,0,1,141,97)">
+		<tspan x="0" y="0" class="t1">G</tspan><tspan y="0" class="t1">r</tspan><tspan y="0" class="t1">i</tspan><tspan y="0" class="t1">d</tspan><tspan y="0" class="t1">I</tspan><tspan y="0" class="t1">t</tspan><tspan y="0" class="t1">e</tspan><tspan y="0" class="t1">m
+</tspan>
+	</text><text style="transform:matrix(1,0,0,1,272,329)">
+		<tspan x="0" y="0" class="t1">4
+</tspan>
+	</text><text id="5" style="transform:matrix(1,0,0,1,327,328)">
+		<tspan x="0" y="0" class="t1">5
+</tspan>
+	</text><text id="6" style="transform:matrix(1,0,0,1,370,328)">
+		<tspan x="0" y="0" class="t1">6
+</tspan>
+	</text></svg>
\ No newline at end of file