Merge pull request #189 from NikhilKottoli/responsive-changes-diodexc…

…elerate Responsive improvements for diodexcelerate
IEEE-NITK · Dec 26, 2024 · 44519d1 · 44519d1
2 parents 0781b6e + 4fcb60d
commit 44519d1
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/corpus/templates/diodexcelerate/home.html b/corpus/templates/diodexcelerate/home.html
@@ -84,22 +84,22 @@ <h3 class="font-bold text-3xl text-blue-500">
             <div class="m-4 flex justify-center">
                 <h1>Organized by</h1>
             </div>
-            <section id="logos-2" class="flex justify-center flex-col">
-                <a class="flex justify-center" href="https://ieee.nitk.ac.in/">
-                    <img class="h-40 w-45 m-4" src="{% static 'img/ieee-nitk.png' %}" alt="IEEE NITK Logo">
+            <section id="logos-2" class="flex justify-center flex-col items-center py-8">
+                <a class="flex justify-center mb-8" href="https://ieee.nitk.ac.in/">
+                    <img class="h-24 md:h-40 w-auto max-w-full" src="{% static 'img/ieee-nitk.png' %}" alt="IEEE NITK Logo">
                 </a>
-                <div class="fflex-col md:flex justify-center gap-6lex">
-                    <a class="h-40 w-40 m-4" href="https://ieee-cas.org/">
-                        <img class="h-40 w-40 m-4" src="{% static 'img/logo/cass-dark.png' %}" alt="CASS Logo">
+                <div class="flex flex-wrap justify-center items-center gap-4 md:gap-6">
+                    <a href="https://ieee-cas.org/" class="flex justify-center items-center">
+                        <img class="h-16 w-16 md:h-40 md:w-40 object-contain" src="{% static 'img/logo/cass-dark.png' %}" alt="CASS Logo">
                     </a>
-                    <a class="h-40 w-40 m-4" href="https://www.ieee-ras.org/">
-                        <img class="h-40 w-40 m-4" src="{% static 'img/logo/ras.png' %}" alt="RAS Logo">
+                    <a href="https://www.ieee-ras.org/" class="flex justify-center items-center">
+                        <img class="h-16 w-16 md:h-40 md:w-40 object-contain" src="{% static 'img/logo/ras.png' %}" alt="RAS Logo">
                     </a>
-                    <a class="h-40 w-40 m-4" href="https://signalprocessingsociety.org/">
-                        <img class="h-40 w-40 m-4" src="{% static 'img/logo/sps.png' %}" alt="SPS Logo">
+                    <a href="https://signalprocessingsociety.org/" class="flex justify-center items-center">
+                        <img class="h-16 w-16 md:h-40 md:w-40 object-contain" src="{% static 'img/logo/sps.png' %}" alt="SPS Logo">
                     </a>
-                    <a class="h-40 w-40 m-4" href="https://ias.ieee.org/">
-                        <img class="h-40 w-40 m-4" src="{% static 'img/logo/ias-dark.png' %}" alt="IAS Logo">
+                    <a href="https://ias.ieee.org/" class="flex justify-center items-center">
+                        <img class="h-16 w-16 md:h-40 md:w-40 object-contain" src="{% static 'img/logo/ias-dark.png' %}" alt="IAS Logo">
                     </a>
                 </div>
             </section>