Update layout styles and improve component readability

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>

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 {" "}

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 />