Update docs for 3D models

Removed commented-out banner images and adjusted QR code image classes in modules documentation. Updated grid styling and include references in system overview documentation for improved layout and consistency.

Author: santaimpersonator

docs/carriers.md

@@ -10,8 +10,6 @@
 
 	---
 
-	<!-- [![](./SparkFun_GNSS_Flex_pHAT/assets/img/banner-hookup_guide.png)](./SparkFun_GNSS_Flex_pHAT/index.md) -->
-
 	<model-viewer src="../SparkFun_GNSS_Flex_pHAT/assets/3d_model/web_model.glb" camera-controls poster="../SparkFun_GNSS_Flex_pHAT/assets/3d_model/poster.png" tone-mapping="neutral" shadow-intensity="2" shadow-softness="0.2" camera-orbit="0deg 75deg 0.1623m" field-of-view="25.11deg" style="width: 100%; height: 250px;">
 	</model-viewer>
 

docs/modules.md

@@ -10,15 +10,13 @@
 
 	---
 
-	<!-- [![](./SparkPNT_GNSS_Flex_Module_mosaic-X5/assets/img/banner-hookup_guide.png)](./SparkPNT_GNSS_Flex_Module_mosaic-X5/index.md) -->
-
 	<model-viewer src="../SparkPNT_GNSS_Flex_Module_mosaic-X5/assets/3d_model/web_model.glb" camera-controls poster="../SparkPNT_GNSS_Flex_Module_mosaic-X5/assets/3d_model/poster.png" tone-mapping="neutral" shadow-intensity="2" shadow-softness="0.2" camera-orbit="0deg 50deg 0.103m" field-of-view="25.11deg" style="width: 100%; height: 250px;">
 	</model-viewer>
 
 	<article style="text-align: center;" markdown>
 	[Hookup Guide](./SparkPNT_GNSS_Flex_Module_mosaic-X5/index.md){ .md-button .md-button--primary }
 
-	![QR code to product page](./SparkPNT_GNSS_Flex_Module_mosaic-X5/assets/img/qr_code/product.png){ .tinyqr }
+	![QR code to product page](./SparkPNT_GNSS_Flex_Module_mosaic-X5/assets/img/qr_code/product.png){ .qr }
 	[Purchase from SparkFun :fontawesome-solid-cart-plus:{ .heart }](https://www.sparkfun.com/sparkpnt-gnss-flex-module-mosaic-x5.html){ .md-button .md-button--primary }
 	</article>
 
@@ -27,15 +25,13 @@
 
 	---
 
-	<!-- [![](./SparkPNT_GNSS_Flex_Module_LG290P/assets/img/banner-hookup_guide.png)](./SparkPNT_GNSS_Flex_Module_LG290P/index.md) -->
-
 	<model-viewer src="../SparkPNT_GNSS_Flex_Module_LG290P/assets/3d_model/web_model.glb" camera-controls poster="../SparkPNT_GNSS_Flex_Module_LG290P/assets/3d_model/poster.png" tone-mapping="neutral" shadow-intensity="2" shadow-softness="0.2" camera-orbit="0deg 50deg 0.103m" field-of-view="25.11deg" style="width: 100%; height: 250px;">
 	</model-viewer>
 
 	<article style="text-align: center;" markdown>
 	[Hookup Guide](./SparkPNT_GNSS_Flex_Module_LG290P/index.md){ .md-button .md-button--primary }
 
-	![QR code to product page](./SparkPNT_GNSS_Flex_Module_LG290P/assets/img/qr_code/product.png){ .tinyqr }
+	![QR code to product page](./SparkPNT_GNSS_Flex_Module_LG290P/assets/img/qr_code/product.png){ .qr }
 	[Purchase from SparkFun :fontawesome-solid-cart-plus:{ .heart }](https://www.sparkfun.com/sparkpnt-gnss-flex-module-lg290p.html){ .md-button .md-button--primary }
 	</article>
 
@@ -44,9 +40,7 @@
 
 	---
 
-	<!-- [![](./SparkPNT_GNSS_Flex_Module_DAN-F10N/assets/img/banner-hookup_guide.png)](./SparkPNT_GNSS_Flex_Module_DAN-F10N/index.md) -->
-
-	<model-viewer src="../SparkPNT_GNSS_Flex_Module_DAN-F10N/assets/3d_model/web_model.glb" camera-controls poster="../SparkPNT_GNSS_Flex_Module_DAN-F10N/assets/3d_model/poster.png" tone-mapping="neutral" shadow-intensity="2" shadow-softness="0.2" camera-orbit="90deg 50deg 0.103m" field-of-view="25.11deg" camera-target="0m 0.001m 0m" style="width: 100%; height: 250px;">
+	<model-viewer src="../SparkPNT_GNSS_Flex_Module_DAN-F10N/assets/3d_model/web_model.glb" camera-controls poster="../SparkPNT_GNSS_Flex_Module_DAN-F10N/assets/3d_model/poster.png" tone-mapping="neutral" shadow-intensity="2" shadow-softness="0.2" camera-orbit="90deg 50deg 0.103m" field-of-view="25.11deg" style="width: 100%; height: 250px;">
 	</model-viewer>
 
 	<article style="text-align: center;" markdown>

docs/system_overview.md

@@ -77,11 +77,11 @@ Below, are two generic examples of a GNSS Flex *module* and *carrier* board.
 ### Ecosystem Boards
 Below, are all the available GNSS Flex boards in our ecosystem.
 
-<div class="grid cards" markdown>
+<div class="grid cards" style="grid-template-columns: repeat(auto-fit,minmax(8rem,1fr));" markdown>
 
---8<-- "./modules.md:9:57"
+--8<-- "./modules.md:9:51"
 
---8<-- "./carriers.md:9:23"
+--8<-- "./carriers.md:9:21"
 
 </div>