From af6a8426adc502e696272394901a320adec963ac Mon Sep 17 00:00:00 2001
From: Owen <owenrees.dev@gmail.com>
Date: Fri, 12 Jun 2026 15:17:29 +0200
Subject: [PATCH] aria labels and font size changes

---
 src/components/CoffeeWidget.tsx | 1 +
 src/components/Footer.tsx       | 6 ++----
 src/components/Section.tsx      | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/CoffeeWidget.tsx b/src/components/CoffeeWidget.tsx
index 72ac0e0..d9a1b06 100644
--- a/src/components/CoffeeWidget.tsx
+++ b/src/components/CoffeeWidget.tsx
@@ -13,6 +13,7 @@ const CoffeeWidget = ({ height, width }: IProps) => {
 			target="_blank"
 			className="ml-auto flex items-center gap-2 text-sm"
 			rel="noopener"
+			aria-label="Buy Me A Coffee"
 		>
 			<Image
 				src={buyMeACoffeeLogo}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 9d2aee7..1e89a0b 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -10,7 +10,7 @@ import footerLogo from "@/assets/images/footerLogo.svg?url";
 export default function Footer() {
 	return (
 		<footer className="text-white w-full grid-cols-2 items-center bg-(--accent) px-10 py-5">
-			<div className="flex w-full items-center">
+			<div className="flex w-full items-center gap-2">
 				<Link to="/">
 					<Image
 						src={footerLogo}
@@ -22,9 +22,7 @@ export default function Footer() {
 					/>
 				</Link>
 				<div>
-					<p data-testid="copyright">
-						Copyright © 2023 - {new Date().getFullYear()}
-					</p>
+					<p>© 2023 - {new Date().getFullYear()}</p>
 				</div>
 				<div className="ml-auto flex gap-2">
 					<a
diff --git a/src/components/Section.tsx b/src/components/Section.tsx
index d3de525..3910537 100644
--- a/src/components/Section.tsx
+++ b/src/components/Section.tsx
@@ -14,7 +14,7 @@ const Section = ({ title, smallTitle, description, children }: IProps) => {
 
 	return (
 		<section className="mx-auto mt-8 grid max-w-5xl place-items-center gap-4 p-8 text-center md:grid-cols-3 md:text-left text-(--accent)">
-			<h3 className="col-span-full mb-4 text-center text-lg font-bold tracking-wider text-primary">
+			<h3 className="col-span-full mb-4 text-center text-2xl font-bold tracking-wider text-primary">
 				{smallTitle}
 			</h3>
 			<h4 className="col-span-full mb-4 text-center text-4xl font-extrabold text-(--neutral-content) md:text-5xl">