From 6fa113ace974c3d6a3f7e1953f8e7a002d911559 Mon Sep 17 00:00:00 2001
From: Matthew Dingee <52176351+humancompanion-usds@users.noreply.github.com>
Date: Fri, 6 Dec 2024 18:17:43 -0500
Subject: [PATCH] Fixes the header and cleans up the Card component examples.

---
 src/_components/card.md   | 25 +++++--------------------
 src/_includes/header.html |  4 +++-
 2 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/src/_components/card.md b/src/_components/card.md
index a311e0cb4..31a3cbed3 100644
--- a/src/_components/card.md
+++ b/src/_components/card.md
@@ -22,32 +22,17 @@ anchors:
 
 ## Examples
 
-### Default - Gray
-
-<div class="site-showcase">
-  {% include_relative html/card.html %}
-</div>
-
-### Default - White with border
+### Default 
 
 {% include storybook-preview.html story="components-va-card--default" link_text="va-card default" %}
 
-### With Drop Shadow
-
-{% include storybook-preview.html story="components-va-card--with-drop-shadow" link_text="va-card default" %}
+### With Background
 
-### Benefit payments
+{% include storybook-preview.html story="components-va-card--with-background" link_text="va-card with background" %}
 
-<div class="site-showcase">
-  {% include_relative html/card-benefit-payments.html %}
-</div>
-
-### Application status (Benefit application drafts)
-
-<div class="site-showcase">
-  {% include_relative html/card-benefit-application-drafts.html %}
-</div>
+### With Drop Shadow
 
+{% include storybook-preview.html story="components-va-card--with-drop-shadow" link_text="va-card with drop shadow" %}
 
 ## Usage
 
diff --git a/src/_includes/header.html b/src/_includes/header.html
index a4b9312ba..c8a5dcb17 100644
--- a/src/_includes/header.html
+++ b/src/_includes/header.html
@@ -44,7 +44,9 @@
     <div class="site-header__masthead">
       <div class="site-header__logo" id="extended-logo">
         <em class="site-header__logo-text">
-          <a class="site-header__logo-link" title="VA.gov Design System homepage" href="{{ site.baseurl }}/"><strong class="vads-u-display--block small-screen:vads-u-display--inline">VA.gov</strong> <span class="vads-u-display--none small-screen:vads-u-display--inline">|</span> Design System</a>
+          <a class="site-header__logo-link" title="VA.gov Design System homepage" href="{{ site.baseurl }}/">
+            <strong class="vads-u-display--block mobile-lg:vads-u-display--inline">VA.gov</strong> 
+            <span class="vads-u-display--none mobile-lg:vads-u-display--inline">|</span> Design System</a>
         </em>
       </div>
       <div class="site-header__utility-links">