From d9f9bf2520b33d12757328780a2c73a2aceec0bd Mon Sep 17 00:00:00 2001
From: d3bvstack <180553755+d3bvstack@users.noreply.github.com>
Date: Fri, 13 Dec 2024 10:49:17 +0100
Subject: [PATCH] Rework the How-To Guide to allow 3 guides in a single row

Fixes #2016

Change the class in `components/content/GuidesChildCard.vue` to display 3 guides in a single row instead of 2.

* Modify the class from `col-12 col-md-6` to `col-12 col-md-4` for each guide in the `NuxtLink` component.
---
 components/content/GuidesChildCard.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/content/GuidesChildCard.vue b/components/content/GuidesChildCard.vue
index 6c5fed8c31..c00a342222 100644
--- a/components/content/GuidesChildCard.vue
+++ b/components/content/GuidesChildCard.vue
@@ -34,7 +34,7 @@
                 </div>
             </div>
         </div>
-        <NuxtLink :href="item._path" class="col-12 col-md-6 mb-lg-4 mb-2" v-for="item in navigation" :key="item._path">
+        <NuxtLink :href="item._path" class="col-12 col-md-4 mb-lg-4 mb-2" v-for="item in navigation" :key="item._path">
             <div class="card">
                 <div class="card-body">
                     <span class="card-stage" :style="`background-color: ${stages[item.stage]}`">