fixup! Docs(web,web-twig,web-react): Migration Guides cleanup #DS-1250

lmc-eu · Jun 9, 2024 · d287fd7 · d287fd7
1 parent 6cb8448
commit d287fd7
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/docs/migrations/web-react/MIGRATION-v2.md b/docs/migrations/web-react/MIGRATION-v2.md
@@ -279,14 +279,17 @@ The default number of columns is 12, so the equation is `1 + (12 - over) / 2` mo
   ```
   `columnStart` = 1 + (12 - 6) / 2 = 4
 - Responsive grid item centered over 8 columns on mobile, 6 columns on tablet, and 4 columns on desktop:
-`diff
-    -<GridSpan over="8" tablet="6" desktop="4">…</GridSpan>
-    +<GridItem
-    +  columnStart="{{ mobile: 3, tablet: 4, desktop: 5 }}"
-    +  columnEnd="{{ mobile: 'span 8', tablet: 'span 6', desktop: 'span 4' }}"
-    +>…</GridItem>
-    ` - `columnStart` = 1 + (12 - 8) / 2 = 3 - `columnStart` = 1 + (12 - 6) / 2 = 4 - `columnStart` = 1 + (12 - 4) / 2 = 5
-</details>
+  ```diff
+  -<GridSpan over="8" tablet="6" desktop="4">…</GridSpan>
+  +<GridItem
+  +  columnStart={{ mobile: 3, tablet: 4, desktop: 5 }}
+  +  columnEnd={{ mobile: 'span 8', tablet: 'span 6', desktop: 'span 4' }}
+  +>…</GridItem>
+  ```
+  - `columnStart` = 1 + (12 - 8) / 2 = 3
+  - `columnStart` = 1 + (12 - 6) / 2 = 4
+  - `columnStart` = 1 + (12 - 4) / 2 = 5
+  </details>
 
 ### Header: HeaderDesktopActions `isAtEnd` prop