Update index.html

thecodersclub-mce · web-flow · commit 43a86d07e242 · 2025-05-18T11:13:36.000+05:30
diff --git a/index.html b/index.html
@@ -22,6 +22,12 @@
             padding: 5px 10px;
             cursor: pointer;
         }
+        .instagram-logo {
+            width: 24px; /* Reduced size */
+            height: 24px;
+            margin-left: 15px; /* Positions it within the favicon container */
+            vertical-align: middle;
+        }
     </style>
 </head>
 <body>
@@ -31,14 +37,13 @@
             <a href="https://mce-madurai.ac.in/" target="_blank">
                 <img src="MCE_tab.png" alt="Logo" class="favicon-logo">
             </a>
+            <a href="https://www.instagram.com/the_mce.coders_club/" target="_blank">
+                <img src="images.png" alt="Instagram" class="instagram-logo">
+            </a>
             <div class="titles">
                 <h1 class="college-name">Mangayarkarasi College of Engineering</h1>
                 <h2 class="site-title">The Coders Club</h2>
             </div>
-            <!-- Instagram Icon Positioned on the Right -->
-            <a href="https://www.instagram.com/the_mce.coders_club/" target="_blank">
-                <img src="images.png" alt="Instagram">
-            </a>
         </div>
     </div>
 
