From 8195c12d9ab67eba4196749b8c42d472d9a06a77 Mon Sep 17 00:00:00 2001
From: Niklas <198754647+BlankAccountsUsername@users.noreply.github.com>
Date: Tue, 1 Jul 2025 11:27:18 +0200
Subject: [PATCH] minor fix

---
 code/frontend/src/pages/About.tsx | 10 +++++-----
 code/frontend/src/pages/about.css |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/code/frontend/src/pages/About.tsx b/code/frontend/src/pages/About.tsx
index a527fab..757a007 100644
--- a/code/frontend/src/pages/About.tsx
+++ b/code/frontend/src/pages/About.tsx
@@ -6,12 +6,12 @@ function About() {
 	return (
 		<div className="mainbox">
 			<div className="intro">
-				<div className="block block-l">
+				<div className="block">
 					<div className="item text1 text-start">
-						Bringing birds closer to you...
+						Bringing birds closer to you
 					</div>
 					<img
-						className="item item-end pic pic-justify"
+						className="item item-end pic pi-l pic-justify"
 						src="/assets/images/BirdOnCam.jpg"
 						alt="A bird sitting on a camera"
 					/>
@@ -23,11 +23,11 @@ function About() {
 						alt="A curious-interested looking cute bird"
 					/>
 					<div className="item text1 text-end grid-start text1">
-						..and the birds you love...
+						And the birds you love
 					</div>
 				</div>
 				<div className="block">
-					<div className="item text1 text-start">...enhance your day.</div>
+					<div className="item text1 text-start">Enhance your day</div>
 					<img
 						className="item item-end pic pic-justify"
 						src="/assets/images/owlFancyFace.jpg"
diff --git a/code/frontend/src/pages/about.css b/code/frontend/src/pages/about.css
index 6384f90..d327bde 100644
--- a/code/frontend/src/pages/about.css
+++ b/code/frontend/src/pages/about.css
@@ -59,7 +59,7 @@
 	margin: 3vw;
 	max-width: 94vw;
 }
-.block-l {
+.pic-l {
 	height: clamp(24rem, 60vh, 100%) !important;
 }
 
@@ -118,7 +118,7 @@
 
 @media screen and (min-width: 768px) {
 	.explain-pic {
-		max-height: clamp(600px, 120vh, 1200px);
+		max-height: clamp(600px, 140vh, 1200px);
 		width: auto;
 		justify-self: center;
 	}