From 8feb4700a1d05cf56cdf9b1a02f75c95267bcfe2 Mon Sep 17 00:00:00 2001
From: Naomi Carrigan <commits@nhcarrigan.com>
Date: Sat, 24 Aug 2024 20:06:31 -0700
Subject: [PATCH] fix: a couple mobile bugs

---
 src/app/certs/page.tsx    | 2 +-
 src/components/social.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/certs/page.tsx b/src/app/certs/page.tsx
index c9a7439..27d21d5 100644
--- a/src/app/certs/page.tsx
+++ b/src/app/certs/page.tsx
@@ -7,7 +7,7 @@ const Certs = (): JSX.Element => {
   return (
     <>
       <main className="w-[95%] text-center max-w-4xl m-auto mt-16 mb-16 rounded-lg">
-        <h1 className="text-5xl">Certifications</h1>
+        <h1 className="text-5xl">Certs</h1>
         <section>
           <p className="mb-2">
             This page lists the professional certifications Naomi has obtained
diff --git a/src/components/social.tsx b/src/components/social.tsx
index 1f55676..f3f1551 100644
--- a/src/components/social.tsx
+++ b/src/components/social.tsx
@@ -15,7 +15,7 @@ export const Social = (props: SocialProps): JSX.Element => {
 
   return (
     <a
-      className="flex w-2/5 m-auto justify-between items-center border-solid border-2 rounded-3xl h-14 p-8 my-4"
+      className="flex max-w-[300px] w-[95%] m-auto justify-between items-center border-solid border-2 rounded-3xl h-14 p-8 my-4"
       style={{
         borderColor: color,
         color,