From 767c19bc2e8f1348504b09bcddabc193f0fabf15 Mon Sep 17 00:00:00 2001
From: Alvalen <alvalen.shafel04@gmail.com>
Date: Fri, 8 Sep 2023 08:55:53 +0700
Subject: [PATCH] [fix] overflowed horizontal line in project

---
 app/about/page.jsx    | 10 +++++++---
 app/projects/page.jsx | 37 ++++---------------------------------
 2 files changed, 11 insertions(+), 36 deletions(-)

diff --git a/app/about/page.jsx b/app/about/page.jsx
index 8cf262c..bd8b1d2 100644
--- a/app/about/page.jsx
+++ b/app/about/page.jsx
@@ -55,7 +55,11 @@ export default function Page() {
 						</h1>
 						<Hr />
 						<p className="title text-xl mt-4 tracking-wider text-gray-900 leading-[1.7rem] mb-5 ">
-							A brief introduction about me and 										<span className="bg-transparent md:bg-gray-100 bg-opacity-50 xl:bg-transparent"> my interest.</span>
+							A brief introduction about me and{" "}
+							<span className="bg-transparent md:bg-gray-100 bg-opacity-50 xl:bg-transparent">
+								{" "}
+								my interest.
+							</span>
 						</p>
 						<motion.div
 							initial={{ opacity: 0 }}
@@ -221,7 +225,7 @@ export default function Page() {
 
 							type: "spring",
 						}}>
-						<h2 className="text-2xl md:text-xl font-normal mb-3 md:tracking-[.5rem] uppercase ">
+						<h2 className="text-2xl md:text-xl font-normal mb-3 md:tracking-[.3rem] lg:tracking-[.5rem] uppercase ">
 							Language & Framework
 						</h2>
 						<p className="text-gray-500 text-center tracking-widest md:px-5">
@@ -293,7 +297,7 @@ export default function Page() {
 
 							type: "spring",
 						}}>
-						<h2 className="text-2xl md:text-xl font-normal mb-3 md:tracking-[.5rem] uppercase">
+						<h2 className="text-2xl md:text-xl font-normal mb-3 md:tracking-[.3rem] lg:tracking-[.5rem] uppercase">
 							Tools
 						</h2>
 						<p className="text-gray-500 text-center tracking-wider md:px-">
diff --git a/app/projects/page.jsx b/app/projects/page.jsx
index ffc6858..15d0fc3 100644
--- a/app/projects/page.jsx
+++ b/app/projects/page.jsx
@@ -100,7 +100,7 @@ export default function Page() {
 						className="text-black pr-10"
 					/>
 				</FixedButon>
-				<div className="relative h-screen w-screen  gap-4 p-10 flex justify-center items-center flex-col mb-10 overflow-y-hidden">
+				<div className="relative h-screen w-screen  gap-4 p-10 flex justify-center items-center flex-col mb-10 overflow-hidden">
 					<div className="z-0 mb-48 md:mb-0  md:absolute top-1/4  md:right-[10%] md:-translate-y-16 ">
 						<motion.div
 							initial={{ scale: 1 }}
@@ -135,7 +135,7 @@ export default function Page() {
 									behavior: "smooth",
 								});
 							}}
-							className="">
+							className="mb-3">
 							<Button variation="primary">Scroll Down</Button>
 						</motion.div>
 					</div>
@@ -267,37 +267,8 @@ export default function Page() {
 					</motion.div>
 				</div>
 				<div className="mt-16 flex flex-col justify-start items-center w-full pl-10 md:pl-32">
-					<div className="flex justify-center items-center flex-col my-5 self-start ">
-						<motion.div
-							className="bg-gray-700 w-28 h-1 rounded-full mb-3 self-start"
-							initial={{
-								opacity: 0,
-								x: -200,
-							}}
-							whileInView={{
-								opacity: 1,
-								x: 0,
-							}}
-							transition={{
-								delay: 0.5,
-
-								type: "spring",
-							}}></motion.div>
-						<motion.div
-							className="bg-gray-700 w-28 h-1 rounded-full"
-							initial={{
-								opacity: 0,
-								x: 200,
-							}}
-							whileInView={{
-								opacity: 1,
-								x: -50,
-							}}
-							transition={{
-								delay: 0.5,
-
-								type: "spring",
-							}}></motion.div>
+					<div className="flex justify-start items-start flex-col my-5 self-start ">
+						<Hr />
 						<motion.h1
 							className="text-3xl font-bold mt-3"
 							initial={{