From 6a4fbbf8b3343f40ac88f5ffc40fbb9db455ef5d Mon Sep 17 00:00:00 2001
From: Rebecca Padgett <110476306+bccpadge@users.noreply.github.com>
Date: Tue, 23 Jan 2024 14:46:34 -0500
Subject: [PATCH] Update index.html

added <figcaption> and changed gap property on <header>
---
 index.html        | 3 ++-
 public/output.css | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 1a57b28..e85dc5c 100644
--- 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
index a278d4a..7fd3920 100644
--- 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;
 }