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>
This commit is contained in:
Aaron Powell
2026-02-26 12:18:28 +11:00
parent a01f3d82c5
commit 9ca197d816

View File

@@ -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>