diff --git a/Portfolio/app/components/Footer.tsx b/Portfolio/app/components/Footer.tsx
index 5ed147a..e96789f 100644
--- a/Portfolio/app/components/Footer.tsx
+++ b/Portfolio/app/components/Footer.tsx
@@ -84,7 +84,7 @@ const Footer = () => {
 			</div>
         {/* Connect With Me Section */}
         <div className="mb-4 mt-6 mx-auto md:ml-[6rem] md:mb-0 w-full md:w-1/2 md:text-justify text-center flex-col">
-          <h2 className="font-bold text-4xl mb-2">Get in Touch</h2>
+          <h2 className="font-bold text-gray-300 text-3xl mb-2 uppercase">Get in Touch</h2>
 		  <div className='text-gray-400 text-lg'>
 			<p>Email: haytham.mkt@gmail.com</p>
 			<p>Phone: +212 658-377-929</p>
diff --git a/Portfolio/app/components/Projects.tsx b/Portfolio/app/components/Projects.tsx
index 2b4c53d..4c56417 100644
--- a/Portfolio/app/components/Projects.tsx
+++ b/Portfolio/app/components/Projects.tsx
@@ -10,7 +10,7 @@ const Projects = () => {
       <h1 className="text-[40px] font-semibold text-transparent bg-clip-text bg-gradient-to-r from-purple-500 to-cyan-500 py-20">
         My Projects
       </h1>
-      <div className="h-full w-full m-auto justify-center flex flex-col min-[1400px]:hideen md:flex-row gap-10 px-10">
+      <div className="h-full w-full m-auto justify-center flex flex-col md:flex-row md:flex-wrap md:mx-auto gap-10 px-10">
         <ProjectCard
           src="/pong.jpg"
           title="Transcendence"