Merge pull request #107 from rishabhpathak359/dev

Anchor tag in logo in navbar
TCP-Tech · Oct 5, 2023 · c9134c8 · c9134c8
2 parents a360358 + e846d06
commit c9134c8
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/src/components/navbar/Navbar.css b/src/components/navbar/Navbar.css
@@ -1,6 +1,8 @@
+
 .codeutsava__navbar {
   display: flex;
   flex-direction: column;
+  justify-content: center;
   background-color: transparent;
   backdrop-filter: blur(10px);
   position: relative;
@@ -22,10 +24,11 @@
   border-color: rgba(155, 155, 155, 0.4);
   border-image: initial;
   border-width: 0.4px 0px;
-  justify-content: space-evenly;
+  justify-content:space-evenly;
   align-items: center;
-  top: 0px;
-  padding: 0px;
+  /* top: 0px;
+  padding: 0px; */
+  padding-right: 70px;
 }
 
 .codeutsava__navbar-hamburger-body {
@@ -44,12 +47,21 @@
   height: 50px;
   display: flex;
   justify-content: center;
+  align-items: center;
 }
 
 .codeutsava__navbar-logo img {
   width: auto;
   height: 50px;
 }
+.codeutsava__navbar-brochure-image {
+ width: auto; 
+  height: 50px; 
+}
+.codeutsava__navbar-brochure a{
+  text-decoration: none;
+}
+
 
 .codeutsava__navbar-brochure {
   display: flex;
@@ -156,6 +168,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+   padding-right: 50px;
 }
 
 .codeutsava__navbar-navlist {

diff --git a/src/components/navbar/Navbar.js b/src/components/navbar/Navbar.js
@@ -25,8 +25,8 @@ const Navbar = () => {
     >
       <header className="codeutsava__navbar">
         <div className="codeutsava__navbar-body">
-          <div className="codeutsava__navbar-logo codeutsava__navbar-brochure">
-            <img src={codeutsava} />
+          <div className="codeutsava__navbar-brochure">
+            <a href="/"><img className="codeutsava__navbar-brochure-image " src={codeutsava} /></a>
             <button className="codeutsava__navbar-brochure-button feedback-button">
               <img src={feedBack} alt="Feedback" />
               <a href={guidelines} download="Guidelines">
@@ -127,7 +127,7 @@ const Navbar = () => {
               className="codeutsava__navbar-hamburger-logo"
               style={{ transform: "translateX(-8px)" }}
             >
-              <img src={codeutsava} />
+              <a href="/"><img src={codeutsava} /></a>
             </div>
             <div className="codeutsava__navbar-hamburger-logo"
             style={{ transform: "translateX(-8px)" }}>