From cc1d1e2dda6cc72f1982c08d050c0aa252982799 Mon Sep 17 00:00:00 2001
From: Kamil Dzieniszewski <kamil.d@playsmart.io>
Date: Fri, 23 Jan 2026 11:00:44 +0100
Subject: [PATCH] fix: adjust anniversary text alignment and monitor
 positioning

- Center anniversary text on mobile, left-align on desktop
- Increase desktop font size from 7xl to 8xl
- Adjust monitor top position from -48 to -32
- Remove empty lines in monitor component
---
 src/components/anniversary.tsx | 2 +-
 src/components/monitor.tsx     | 9 +--------
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/components/anniversary.tsx b/src/components/anniversary.tsx
index b6df869..0423b99 100644
--- a/src/components/anniversary.tsx
+++ b/src/components/anniversary.tsx
@@ -2,7 +2,7 @@ import { Wrapper } from '@/components/wrapper.tsx';
 
 export const Anniversary = () => {
 	return (
-		<div className="relative z-20 rotate-2 bg-meetjs-green py-2 text-4xl font-semibold text-black md:mt-4 md:text-7xl">
+		<div className="relative z-20 rotate-2 bg-meetjs-green py-2 text-center text-4xl font-semibold text-black md:mt-4 md:text-left md:text-8xl">
 			<Wrapper>
 				<p>
 					15<sup>th</sup> Anniversary
diff --git a/src/components/monitor.tsx b/src/components/monitor.tsx
index 968bb3d..48e3ce1 100644
--- a/src/components/monitor.tsx
+++ b/src/components/monitor.tsx
@@ -1,18 +1,11 @@
 import monitorImage from '/src/assets/monitor.png';
 
-
-
-
-
-
-
-
 export const Monitor = () => {
 	return (
 		<img
 			src={monitorImage}
 			alt=""
-			className="relative z-30 w-full md:absolute md:-top-48 md:right-12 md:h-auto md:w-auto"
+			className="relative z-30 w-full md:absolute md:-top-32 md:right-12 md:h-auto md:w-auto"
 		/>
 	);
 };