fix: consistent copy

Author: mikemai2awesome

docs-site/src/pages/pattern-lab/_patterns/02-components/grid/10-grid-start-and-span.twig

@@ -1,6 +1,6 @@
 <mark style="display: block;" class="u-bolt-margin-bottom-large">
   <div class="u-bolt-padding-small">
-    <p><strong>Support for Internet Explorer:</strong> Due to IE's outdated technology, it is mandatory to define column_start and row-start if you want the grid to render correctly.</p>
+    <p><strong>Support for Internet Explorer:</strong> Due to IE's outdated technology, it is mandatory to define column_start and row_start if you want the grid to render correctly.</p>
   </div>
 </mark>
 
@@ -63,8 +63,8 @@
 </div>
 
 
-<h3>Row-start and row-span</h3>
-<p>Row-start and row-span are also available, they are for less common layouts.</p>
+<h3>Row_start and row_span</h3>
+<p>Row_start and row_span are also available, they are for less common layouts.</p>
 
 {% set item_row %}
   {% include "@bolt-components-placeholder/placeholder.twig" with {

docs-site/src/pages/pattern-lab/_patterns/02-components/grid/35-grid-item-responsive-breakpoints.twig

@@ -19,7 +19,7 @@
       <li>Starting at small breakpoint: start at row 1 and span for 4 columns</li>
       <li>Starting at medium breakpoint: start at row 1 and span for 3 columns</li>
     </ol>
-    <pre><code>column-start: "1", column-span: "12 3@small 4@medium", row-start: "2 1@small"</code></pre>
+    <pre><code>column_start: "1", column_span: "12 3@small 4@medium", row_start: "2 1@small"</code></pre>
   </li>
   <li>
     <strong>Item 2</strong>
@@ -28,7 +28,7 @@
       <li>Starting at small breakpoint: start at row 1 and span for 8 columns</li>
       <li>Starting at medium breakpoint: start at row 1 and span for 9 columns</li>
     </ol>
-    <pre><code>column-start: "1 5@small 4@medium", column-span: "12 8@small 9@medium", row-start: "1 1@small"</code></pre>
+    <pre><code>column_start: "1 5@small 4@medium", column_span: "12 8@small 9@medium", row_start: "1 1@small"</code></pre>
   </li>
 </ul>
 {% include "@bolt-components-grid/grid.twig" with {

docs-site/src/pages/pattern-lab/_patterns/02-components/grid/40-grid-item-align-variations.twig

@@ -1,5 +1,5 @@
 <h3>Horizontal item alignment</h3>
-<p>The alignment must be set manually by using column-start and column-span, that way it allows a lot more flexibility with exactly how you want to position an item horizontally.</p>
+<p>The alignment must be set manually by using column_start and column_span, that way it allows a lot more flexibility with exactly how you want to position an item horizontally.</p>
 
 
 {% set item_start %}
@@ -19,7 +19,7 @@
 {% endset %}
 
 <h3>Standard alignments</h3>
-<p>To align an item to the start, set column-start to 1.</p>
+<p>To align an item to the start, set column_start to 1.</p>
 <div class="u-bolt-margin-bottom-medium">
   {% include "@bolt-components-grid/grid.twig" with {
     items: [
@@ -31,7 +31,7 @@
     ]
   } only %}
 </div>
-<p>To align an item to the center, set column-start by using this formula: <strong>(12 - column-span) / 2 + 1</strong>.</p>
+<p>To align an item to the center, set column_start by using this formula: <strong>(12 - column_span) / 2 + 1</strong>.</p>
 <div class="u-bolt-margin-bottom-medium">
   {% include "@bolt-components-grid/grid.twig" with {
     items: [
@@ -43,7 +43,7 @@
     ]
   } only %}
 </div>
-<p>To align an item to the end, set column-start by using this formula: <strong>(12 - column-span) + 1</strong>.</p>
+<p>To align an item to the end, set column_start by using this formula: <strong>(12 - column_span) + 1</strong>.</p>
 <div class="u-bolt-margin-bottom-medium">
   {% include "@bolt-components-grid/grid.twig" with {
     items: [