From 9ca197d816df75fe133cd2ad64bb3c77522a0911 Mon Sep 17 00:00:00 2001
From: Aaron Powell <me@aaron-powell.com>
Date: Thu, 26 Feb 2026 12:18:28 +1100
Subject: [PATCH] fix: align Learning Hub card layout on homepage

Add card-with-count class to the Learning Hub card so its emoji icon
aligns horizontally with the title, matching all other cards in the
grid. Previously it used the base card class which stacked the icon
above the content.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 website/src/pages/index.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro
index c0f1e34c..bcfcab4f 100644
--- a/website/src/pages/index.astro
+++ b/website/src/pages/index.astro
@@ -81,7 +81,7 @@ const base = import.meta.env.BASE_URL;
             </div>
             <div class="card-count" data-count="tools" aria-label="Tool count">-</div>
           </a>
-          <a href={`${base}learning-hub/`} class="card" id="card-learning-hub">
+          <a href={`${base}learning-hub/`} class="card card-with-count" id="card-learning-hub">
             <div class="card-icon" aria-hidden="true">📚</div>
             <div class="card-content">
               <h3>Learning Hub</h3>