From aa6317264d40f0b8bd4d5466c3c1a2585d72203e Mon Sep 17 00:00:00 2001
From: captain-adi <maniramp554@gmail.com>
Date: Sat, 20 Jul 2024 18:43:11 +0530
Subject: [PATCH]  correction

---
 index.html                        |  2 +-
 src/App.jsx                       | 50 +++++++++++++++----------------
 src/Component/About/About.jsx     |  1 +
 src/Component/Contact/Contact.jsx |  2 +-
 src/Component/Hero/Hero.jsx       |  2 ++
 src/Component/Navbar/Navbar.jsx   | 12 ++++++--
 src/Component/Skill/Skill.jsx     |  1 +
 7 files changed, 40 insertions(+), 30 deletions(-)

diff --git a/index.html b/index.html
index dbab34d..fa42957 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/Image/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <!-- AOS Link -->
-    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <!-- <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> -->
 
     <title>My Portfolio</title>
   </head>
diff --git a/src/App.jsx b/src/App.jsx
index 8fc8ab6..29cf32a 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,36 +1,34 @@
-import React from 'react'
-import './App.css'
-import Navbar from './Component/Navbar/Navbar'
-import {Hero} from './Component/Hero/Hero'
-import Contact from './Component/Contact/Contact'
-import Project from './Component/Project/Project'
-import About from './Component/About/About'
-import Skill from './Component/Skill/Skill'
-import styled from 'styled-components'
+import React from "react";
+import "./App.css";
+import { Hero } from "./Component/Hero/Hero";
+import Contact from "./Component/Contact/Contact";
+import Project from "./Component/Project/Project";
+import About from "./Component/About/About";
+import Skill from "./Component/Skill/Skill";
+import styled from "styled-components";
 function App() {
   return (
     <>
-    <Topcontainer>
-      <Hero/>
-       <About/>
-       <Skill/>
-      <Project/>  
-      <Contact/>
+      <Topcontainer>
+        <Hero />
+        <About />
+        <Skill />
+        <Project />
+        <Contact />
       </Topcontainer>
-   
     </>
-  )
+  );
 }
 
-export default App
+export default App;
 
 const Topcontainer = styled.div`
-display: flex;
-flex-direction: column;
-gap: 150px;
-padding-bottom: 200px;
+  display: flex;
+  flex-direction: column;
+  gap: 150px;
+  padding-bottom: 200px;
 
-@media screen and (max-width: 900px) {
-  gap: 6rem;
-}
-`
\ No newline at end of file
+  @media screen and (max-width: 900px) {
+    gap: 6rem;
+  }
+`;
diff --git a/src/Component/About/About.jsx b/src/Component/About/About.jsx
index ae89857..b50ddaa 100644
--- a/src/Component/About/About.jsx
+++ b/src/Component/About/About.jsx
@@ -65,6 +65,7 @@ function About() {
 export default About;
 
 const AboutContainer = styled.div`
+border: 3px solid wheat;
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/src/Component/Contact/Contact.jsx b/src/Component/Contact/Contact.jsx
index ada375f..5273470 100644
--- a/src/Component/Contact/Contact.jsx
+++ b/src/Component/Contact/Contact.jsx
@@ -58,7 +58,7 @@ function Contact() {
 export default Contact;
 
 const ContactContainer = styled.div`
- 
+ border: 3px solid white;
   font-weight: 100;
   height: 100%;
   display: flex;
diff --git a/src/Component/Hero/Hero.jsx b/src/Component/Hero/Hero.jsx
index 52bef09..eb01a09 100644
--- a/src/Component/Hero/Hero.jsx
+++ b/src/Component/Hero/Hero.jsx
@@ -82,6 +82,8 @@ export function Hero() {
 // export default Hero;
 
 const HeroContainer = styled.div`
+border: 1px solid white;
+width: 100vw;
   @media screen and (max-width: 900px) {
     height: 80vh;
   }
diff --git a/src/Component/Navbar/Navbar.jsx b/src/Component/Navbar/Navbar.jsx
index b8b90f5..d9a2408 100644
--- a/src/Component/Navbar/Navbar.jsx
+++ b/src/Component/Navbar/Navbar.jsx
@@ -10,7 +10,7 @@ function Navbar() {
   return (
     <>
       <header>
-        <nav className=" w-11/12  m-auto flex justify-between items-center text-white  ">
+        <Nav className="  ">
           <Name className=" text-3xl font-semibold ">Aditya</Name>
           <Navitems>
             <Link
@@ -71,7 +71,7 @@ function Navbar() {
               <li className="list-none  cursor-pointer "> Contact</li>
             </Link>
           </Navitems>
-        </nav>
+        </Nav>
       </header>
     </>
   );
@@ -79,6 +79,14 @@ function Navbar() {
 
 export default Navbar;
 
+const Nav = styled.nav`
+  width:100%;
+  border: 3px solid white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`
+
 const Name = styled.h1`
 margin-right: 5rem;
   @media screen and (max-width: 600px) {
diff --git a/src/Component/Skill/Skill.jsx b/src/Component/Skill/Skill.jsx
index c8cfb8b..845eff4 100644
--- a/src/Component/Skill/Skill.jsx
+++ b/src/Component/Skill/Skill.jsx
@@ -42,6 +42,7 @@ function Skill() {
 
 export default Skill;
 const SkillContainer = styled.div`
+border: 3px solid white;
   width: 80%;
   margin: 0 auto;
   h1 {