From 254eaaef59e728789102ed1fc0a2a92595492370 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Roman=20Jaro=C5=A1?= <hello@romanjaros.dev>
Date: Wed, 15 Jan 2025 19:36:28 +0000
Subject: [PATCH] Update layout styles and improve component readability

---
 src/app/components/AboutMe.tsx | 2 +-
 src/app/components/Title.tsx   | 2 +-
 src/app/page.tsx               | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/AboutMe.tsx b/src/app/components/AboutMe.tsx
index d994fa3..6ae8f43 100644
--- a/src/app/components/AboutMe.tsx
+++ b/src/app/components/AboutMe.tsx
@@ -25,7 +25,7 @@ export const AboutMe = () => {
 						<b>I am contractor and currently only for full remote jobs.</b>
 					</p>
 					<br />
-					<div className="flex md:flex-row gap-2">
+					<div className="flex flex-row flex-wrap gap-2">
 						<Kbd>UI design</Kbd>
 						<Kbd>Web development</Kbd>
 						<Kbd>Automation testing</Kbd>
diff --git a/src/app/components/Title.tsx b/src/app/components/Title.tsx
index 5c43fce..c870007 100644
--- a/src/app/components/Title.tsx
+++ b/src/app/components/Title.tsx
@@ -2,7 +2,7 @@ export const Title = () => {
 	return (
 		<div className="flex justify-center text-4xl sm:text-6xl my-8 text-slate-400">
 			<h1>
-				<span>&lt;</span>
+				<span>&lt;Just</span>
 				<span
 					className="text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400">
 					Roman {" "}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 45c9f1b..0282764 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,7 +14,7 @@ export default function Page() {
 
 	return (
 		<>
-			<div className="flex flex-col gap-y-16 md:w-3/4 lg:w-2/3 mx-auto p-4 mb-20">
+			<div style={{maxWidth: 1000}} className="flex flex-col gap-y-16 md:w-4/5 mx-auto p-4 mb-20">
 				<Title />
 				<AboutMe />
 				<Contact />