keith/keith-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Widen credential embeds and container
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
Keith Casko
2026-10-06 09:16:44 -04:00
parent 7e7bf956c4
commit 939611b68c
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+6 -1
View File
@@ -342,6 +342,10 @@ section { padding: 64px 0; }
.skill-card li { padding: 2px 0; } .skill-card li { padding: 2px 0; }
/* ---------- Certifications & Credentials ---------- */ /* ---------- Certifications & Credentials ---------- */
#credentials .container {
max-width: 1320px;
}
.credentials-grid { .credentials-grid {
display: grid; display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -349,6 +353,7 @@ section { padding: 64px 0; }
} }
.credential-card { .credential-card {
min-width: 0;
background: var(--panel); background: var(--panel);
border: 1px solid var(--rule); border: 1px solid var(--rule);
border-top: 3px solid var(--steel); border-top: 3px solid var(--steel);
@@ -377,7 +382,7 @@ section { padding: 64px 0; }
} }
.parchment-embed iframe { .parchment-embed iframe {
width: 300px; width: 370px;
max-width: 100%; max-width: 100%;
height: 167px; height: 167px;
border: 0; border: 0;
index.html
+3 -3
View File
@@ -232,7 +232,7 @@
<div class="credentials-grid"> <div class="credentials-grid">
<article class="credential-card"> <article class="credential-card">
<div class="credly-embed"> <div class="credly-embed">
<div data-iframe-width="150" data-iframe-height="270" data-share-badge-id="c4e4c5b4-0645-47b4-89fc-4624a8db3aa9" data-share-badge-host="https://www.credly.com"></div> <div data-iframe-width="300" data-iframe-height="270" data-share-badge-id="c4e4c5b4-0645-47b4-89fc-4624a8db3aa9" data-share-badge-host="https://www.credly.com"></div>
</div> </div>
<div class="credential-copy"> <div class="credential-copy">
<h3>AWS Certified Cloud Practitioner</h3> <h3>AWS Certified Cloud Practitioner</h3>
@@ -243,7 +243,7 @@
<article class="credential-card"> <article class="credential-card">
<div class="credly-embed"> <div class="credly-embed">
<div data-iframe-width="150" data-iframe-height="270" data-share-badge-id="be8c0167-dc6c-403f-a498-ba4320a8fc6d" data-share-badge-host="https://www.credly.com"></div> <div data-iframe-width="300" data-iframe-height="270" data-share-badge-id="be8c0167-dc6c-403f-a498-ba4320a8fc6d" data-share-badge-host="https://www.credly.com"></div>
</div> </div>
<div class="credential-copy"> <div class="credential-copy">
<h3>Google IT Support Professional Certificate (v2)</h3> <h3>Google IT Support Professional Certificate (v2)</h3>
@@ -255,7 +255,7 @@
<article class="credential-card"> <article class="credential-card">
<div class="parchment-embed"> <div class="parchment-embed">
<iframe <iframe
src="https://badges.parchment.com/public/assertions/J6-al6URSYq8tsitUvT0Dw?embedVersion=1&amp;embedWidth=300&amp;embedHeight=167&amp;utm_source=html_embed" 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" title="Badge: WGU Certificate: Front-End Developer"
loading="lazy"></iframe> loading="lazy"></iframe>
</div> </div>