Update index.html

added <figcaption> and changed gap property on <header>
bccpadge · Jan 23, 2024 · 6a4fbbf · 6a4fbbf
1 parent a1f067d
commit 6a4fbbf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -22,8 +22,9 @@
     <h1 class="sr-only">Frontend Mentor | Social links profile</h1>
     <figure>
       <img class="max-w-full mx-auto rounded-full" src="./assets/images/avatar-rebecca.jpg" width="100" height="100" alt="headshot of Rebecca Padgett" />
+      <figcaption class="sr-only">A girl wearing a white shirt.</figcaption>
     </figure>
-    <header class="grid gap-4 mt-4">
+    <header class="grid gap-3 mt-4">
       <h2 class="text-2xl font-bold">Rebecca Padgett</h2>
       <small class="font-bold text-green">Chesterfield, Virginia</small>
       <p class="text-sm">"golf and music enthusiast."</p>

diff --git a/public/output.css b/public/output.css
@@ -593,6 +593,10 @@ video {
   gap: 1rem;
 }
 
+.gap-3 {
+  gap: 0.75rem;
+}
+
 .rounded-full {
   border-radius: 9999px;
 }