Replace <center> tag

Replaced deprecated <center> tags with <article> elements and inline styles for better HTML5 compliance

Author: santaimpersonator

docs/github/file_issue.md

@@ -4,9 +4,10 @@ Spot something wrong? Please let us know. <a href="https://github.com/sparkfun/S
 
 !!! attention
     This is not where customers should seek assistance on a product. If you require technical assistance or have questions about a product that is not working as expected, please head over to the [SparkFun Technical Assistance](https://www.sparkfun.com/technical_assistance) page for some initial troubleshooting.
-    <center>
+
+    <article style="text-align: center;" markdown>
     [SparkFun Technical Assistance Page](https://www.sparkfun.com/technical_assistance){ .md-button .md-button--primary }
-    </center>
+    </article>
 
     If you can't find what you need there, you'll need a [Forum Account](https://forum.sparkfun.com/ucp.php?mode=register) to search product forums and post questions.
 

docs/hardware_overview.md

@@ -248,23 +248,25 @@ A 3D model of the SparkFun BlueSMiRF v2 SMD and components was exported to STEP
 <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.5.0/model-viewer.min.js"></script>
 
 <div style="text-align: center;">
-    <model-viewer src="../assets/3d_model/SparkFun_BlueSMiRF-v2-Headers_3D_model.glb" camera-controls poster="../assets/3d_model/SparkFun_BlueSMiRF-v2-Headers_3D_image.png" environment-image="legacy" shadow-intensity="1.58" exposure="0.64" shadow-softness="0.24" tone-mapping="neutral" camera-orbit="-46.67deg 57.14deg 153.3m" field-of-view="30deg" style="width: 750px; height: 500px;">
-    </model-viewer>
-</div>
+
+<model-viewer src="../assets/3d_model/SparkFun_BlueSMiRF-v2-Headers_3D_model.glb" camera-controls poster="../assets/3d_model/SparkFun_BlueSMiRF-v2-Headers_3D_image.png" environment-image="legacy" shadow-intensity="1.58" exposure="0.64" shadow-softness="0.24" tone-mapping="neutral" camera-orbit="-46.67deg 57.14deg 153.3m" field-of-view="30deg" style="width: 750px; height: 500px; margin: auto;">
+</model-viewer>
+
 <br />
-<div style="text-align: center">
-    <a href="../assets/3d_model/SparkFun_BlueSMiRF-v2-Headers_3D_model.step" target="stp_file" class="md-button">Click Here for the STEP File</a>
+
+<a href="../assets/3d_model/SparkFun_BlueSMiRF-v2-Headers_3D_model.step" target="stp_file" class="md-button">Click Here for the STEP File</a>
 </div>
 
 A 3D model of the SparkFun BlueSMiRF v2 PTH and components was also exported to STEP file using KiCad.
 
 <div style="text-align: center;">
-    <model-viewer src="../assets/3d_model/SparkFun_BlueSMiRF-v2_3D_model.glb" camera-controls poster="../assets/3d_model/SparkFun_BlueSMiRF-v2_3D_image.png" environment-image="legacy" shadow-intensity="1.58" exposure="0.64" shadow-softness="0.24" tone-mapping="neutral" camera-orbit="-46.67deg 57.14deg 153.3m" field-of-view="30deg" style="width: 750px; height: 500px;">
-    </model-viewer>
-</div>
+
+<model-viewer src="../assets/3d_model/SparkFun_BlueSMiRF-v2_3D_model.glb" camera-controls poster="../assets/3d_model/SparkFun_BlueSMiRF-v2_3D_image.png" environment-image="legacy" shadow-intensity="1.58" exposure="0.64" shadow-softness="0.24" tone-mapping="neutral" camera-orbit="-46.67deg 57.14deg 153.3m" field-of-view="30deg" style="width: 750px; height: 500px; margin: auto;">
+</model-viewer>
+
 <br />
-<div style="text-align: center">
-    <a href="../assets/3d_model/SparkFun_BlueSMiRF-v2_3D_model.step" target="stp_file" class="md-button">Click Here for the STEP File</a>
+
+<a href="../assets/3d_model/SparkFun_BlueSMiRF-v2_3D_model.step" target="stp_file" class="md-button">Click Here for the STEP File</a>
 </div>
 
 

docs/introduction.md

@@ -1,7 +1,7 @@
 
 The [SparkFun BlueSMiRF v2](https://www.sparkfun.com/products/24113) is a wireless Bluetooth® serial link. This version of the popular BlueSMiRF uses the ESP32. These boards work as a wireless serial UART pipe and are a great wireless replacement for serial cables. Simply pair, connect, and transmit serial data between your TX/RX lines! Any serial stream from 2400 to 921600 baud can be passed seamlessly between two devices.
 
-<center>
+
 <div class="grid cards col-2" markdown>
 
 -   <a href="https://www.sparkfun.com/products/24113">
@@ -17,7 +17,9 @@ The [SparkFun BlueSMiRF v2](https://www.sparkfun.com/products/24113) is a wirele
       <br />
       WRL-24113
       <br />
-      <center>[Purchase from SparkFun :fontawesome-solid-cart-plus:](https://www.sparkfun.com/products/23288){ .md-button .md-button--primary }</center>
+      <article style="text-align: center;" markdown>
+      [Purchase from SparkFun :fontawesome-solid-cart-plus:](https://www.sparkfun.com/products/23288){ .md-button .md-button--primary }
+      </article>
     </a>
 <!-- ----------WHITE SPACE BETWEEN PRODUCTS---------- -->
 -   <a href="https://www.sparkfun.com/products/23287">
@@ -33,11 +35,13 @@ The [SparkFun BlueSMiRF v2](https://www.sparkfun.com/products/24113) is a wirele
       <br />
       WRL-23287
       <br />
-      <center>[Purchase from SparkFun :fontawesome-solid-cart-plus:](https://www.sparkfun.com/products/23288){ .md-button .md-button--primary }</center>
+      <article style="text-align: center;" markdown>
+      [Purchase from SparkFun :fontawesome-solid-cart-plus:](https://www.sparkfun.com/products/23288){ .md-button .md-button--primary }
+      </article>
     </a>
 
 </div>
-</center>
+
 
 <div style="text-align: center;">
   <iframe width="560" height="315" src="https://www.youtube.com/embed/i8u3W0jVFTw?si=9iwrsCm9Ih9n9VCz" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>