Fixed Image Alignment and Size

shreyash3087 · shreyash3087 · commit 1d8ec7bbb97e · 2024-06-10T19:37:02.000+05:30
diff --git a/website2.0/abouts.css b/website2.0/abouts.css
@@ -68,13 +68,13 @@ nav {
   margin: 0 auto;
 }
 
-.size-handler{
+.logo img {
   position: relative;
   width: 89px;
   height: 89px;
   top: 10px;
   gap: 0px;
-  opacity: 0;
+  opacity: 0px;
 }
 
 .nav-links {
@@ -182,13 +182,13 @@ a {
 .start .img-container {
   width: 50%;
   display: flex;
-  justify-content: end;
+  justify-content: center;
   align-items: center;
 }
 .end .img-container {
   width: 50%;
   display: flex;
-  justify-content: start;
+  justify-content: center;
   align-items: center;
 }
 .text-container {
@@ -209,8 +209,8 @@ a {
   text-align: center;
 }
 
-.logo{
-  width: 150px;
+.about_logo{
+  width: 180px;
   transition: transform 0.5s ease;
   margin-right: 15px;
 }
@@ -230,12 +230,6 @@ a {
   .nav-links {
     display: none !important;
   }
-  .size-handler{
-    display: none;
-  }
-  .sponsor-btn{
-    margin-left: 25px;
-  }
   .hamburger {
     display: block !important;
   }
diff --git a/website2.0/abouts.html b/website2.0/abouts.html
@@ -12,7 +12,11 @@
 <body>
     <header>
         <nav>
-            <div class="size-handler"></div>
+            <a href="index.html">
+                <div class="logo">
+                    <img src="HelpOps-H Fevicon.png" alt="Logo">
+                </div>
+            </a>
        
             <ul class="nav-links">
                 <li><a href="index.html">Home</a></li>
@@ -47,7 +51,7 @@
         </div>
         <div class="start">
             <div class="img-container">
-                <img class="logo" src="./HelpOps-H Fevicon.png">
+                <img class="about_logo" src="./HelpOps-H Fevicon.png">
             </div>
             <div class="text-container">
                 <h1 class="text-title">What is HelpOps-Hub?</h1>
