a

JatinSainiOO7 · Oct 18, 2024 · feb9b49 · feb9b49
1 parent 75cc1c9
commit feb9b49
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 14 deletions.
diff --git a/src/App.css b/src/App.css
@@ -49,7 +49,7 @@ button svg:hover {
   border-bottom: solid 2px  rgb(49,120,198);
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
-  top: 10%;
+  top: 40%;
   right: 0;
   z-index: 1000;
 
@@ -60,9 +60,14 @@ button svg:hover {
     margin-left: 5px;
     z-index: 20;
   }
+
+  @media (width <= 900px) {
+    display: none;
+  }
 }
 
 
+
 body.light {
   background-color: #ffffff;
   color: #0000007a;

diff --git a/src/components/about.jsx b/src/components/about.jsx
@@ -15,7 +15,6 @@ const AboutSection = () => {
           <div className="about-img">
             <img src={jatin} alt="" />
           </div>
-          <hr />
           <div className="about-me">
             <h1 className="jatin">Hey! I am Jatin</h1>
             <p className="about-dis">

diff --git a/src/components/navbar.jsx b/src/components/navbar.jsx
@@ -5,11 +5,7 @@ const NavigationSection = () => {
 
     return (
         <nav className="navbar-container">
-            <div>
-                <a href="/">
-                   <div className="j-t"> Jatin Saini</div>
-                </a>
-            </div>
+            <a href="/" className="menu"> Jatin Saini</a>
             <div className="menu">
                 <a href="">Home</a>
                 <a href="">About</a>

diff --git a/src/styles/components.scss b/src/styles/components.scss
@@ -128,10 +128,9 @@ pre {
 
     .coll {
         width: 100%;
-        min-width: 300px;
         padding: 5em;
 
-        @media (max-width: 600px) {
+        @media (max-width: 900px) {
             padding: 5px;
         }
 
@@ -145,7 +144,7 @@ pre {
         }
 
         .slide-window {
-            width: 500px;
+            width: 100%;
             height: 300px;
             overflow: hidden;
             background-color: rgba(49, 121, 198);
@@ -163,9 +162,9 @@ pre {
                     text-decoration: none; /* Remove underline */
                     font-size: small;
                     cursor: pointer;
-                    font-weight: 500;
+                    font-weight: 300;
                     transition: color 0.3s ease; /* Smooth transition */
-                    margin: 5px; /* Spacing between links */
+                    // margin: 5px; /* Spacing between links */
                 }
 
                 .child:hover {
@@ -310,8 +309,8 @@ pre {
         }
 
         .about-img {
-            width: 400px;
-            height: 400px;
+            width: 300px;
+            height: 300px;
             border: 5px solid var(--background-color);
             border-style: double;
             border-radius: 50%;