Add WGU Front-End Developer credential

css/styles.css

@@ -344,8 +344,8 @@ section { padding: 64px 0; }
 /* ---------- Certifications & Credentials ---------- */
 .credentials-grid {
   display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 24px;
+  gap: 20px;
 }
 
 .credential-card {
@@ -369,6 +369,21 @@ section { padding: 64px 0; }
   justify-content: center;
 }
 
+.parchment-embed {
+  min-height: 270px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.parchment-embed iframe {
+  width: 100%;
+  max-width: 370px;
+  height: 167px;
+  border: 0;
+  display: block;
+}
+
 .credential-copy h3 {
   font-size: 18px;
   margin-bottom: 6px;
@@ -564,6 +579,7 @@ section { padding: 64px 0; }
   .hero-grid { grid-template-columns: 1fr; padding: 32px; }
   .projects-grid { grid-template-columns: repeat(2, 1fr); }
   .skills-grid { grid-template-columns: repeat(2, 1fr); }
+  .credentials-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .about-grid { grid-template-columns: 1fr; }
   .two-col { grid-template-columns: 1fr; }
   .contact-cta { flex-direction: column; align-items: flex-start; }

index.html

@@ -226,7 +226,7 @@
       <div class="container">
         <div class="section-head">
           <h2 id="credentials-title">Certifications &amp; Credentials</h2>
-          <span class="subtitle">Verified credentials issued through Credly</span>
+          <span class="subtitle">Verified professional and academic credentials</span>
         </div>
 
         <div class="credentials-grid">
@@ -251,6 +251,20 @@
               <a class="view-link" href="https://www.credly.com/badges/be8c0167-dc6c-403f-a498-ba4320a8fc6d/public_url" target="_blank" rel="noopener noreferrer">Verify Credential</a>
             </div>
           </article>
+
+          <article class="credential-card">
+            <div class="parchment-embed">
+              <iframe
+                src="https://badges.parchment.com/public/assertions/J6-al6URSYq8tsitUvT0Dw?embedVersion=1&amp;embedWidth=370&amp;embedHeight=167&amp;utm_source=html_embed"
+                title="Badge: WGU Certificate: Front-End Developer"
+                loading="lazy"></iframe>
+            </div>
+            <div class="credential-copy">
+              <h3>WGU Certificate: Front-End Developer</h3>
+              <p>Western Governors University</p>
+              <a class="view-link" href="https://badges.parchment.com/public/assertions/J6-al6URSYq8tsitUvT0Dw" target="_blank" rel="noopener noreferrer">Verify Credential</a>
+            </div>
+          </article>
         </div>
       </div>
     </section>