Update products-dropdown.html

Author: mich-elle-luna

layouts/partials/header/products-dropdown.html

@@ -1,47 +1,50 @@
 <div class="flex flex-col lg:hidden lg:group-hover:flex lg:absolute lg:left-40 lg:border lg:border-redis-pencil-300 bg-white lg:p-8 lg:flex-row lg:rounded-b-md gap-8 text-[15px]">
+  <!-- Products Section -->
   <div class="lg:w-60">
     <div class="flex flex-col gap-4">
-      <h3 class="uppercase font-mono mb-2">Products</h3>
-      <div class="w-full h-px bg-redis-pen-300 my-4"></div>
+      <h3 class="uppercase font-mono mb-2 font-bold">Products</h3>
+      <div class="h-px bg-redis-pen-300 my-4"></div> <!-- Horizontal line stretches fully -->
       <a class="flex flex-col group/link" href="https://redis.io/docs/latest/get-started">
-        <span class="group-hover/link:text-redis-red-500 tracking-tight">Community Edition</span><span class="text-redis-pen-600 font-sans font-medium">In-memory database for caching and streaming</span>
+        <span class="group-hover/link:text-redis-red-500 tracking-tight">Community Edition</span>
+        <span class="text-redis-pen-600 font-sans font-medium">In-memory database for caching and streaming</span>
       </a>
       <a class="flex flex-col group/link" href="https://redis.io/cloud">
-        <span class="group-hover/link:text-redis-red-500 tracking-tight">Redis Cloud</span><span class="text-redis-pen-600 font-sans font-medium">Fully managed service integrated with Google Cloud, Azure, and AWS for production-ready apps</span>
+        <span class="group-hover/link:text-redis-red-500 tracking-tight">Redis Cloud</span>
+        <span class="text-redis-pen-600 font-sans font-medium">Fully managed service integrated with Google Cloud, Azure, and AWS for production-ready apps</span>
       </a>
       <a class="flex flex-col group/link" href="https://redis.io/enterprise">
-        <span class="group-hover/link:text-redis-red-500 tracking-tight">Redis Software</span><span class="text-redis-pen-600 font-sans font-medium">Self-managed software with additional compliance, reliability, and resiliency for enterprise scaling</span>
-      </a> 
-
-  </div>
+        <span class="group-hover/link:text-redis-red-500 tracking-tight">Redis Software</span>
+        <span class="text-redis-pen-600 font-sans font-medium">Self-managed software with additional compliance, reliability, and resiliency for enterprise scaling</span>
+      </a>
+    </div>
   </div>
+
+  <!-- Solutions Section -->
   <div class="lg:w-60">
     <div class="flex flex-col gap-4">
-      <h3 class="uppercase font-mono mb-2"> </h3>
+      <h3 class="uppercase font-mono mb-2 font-bold"> </h3>
       <a class="flex flex-col group/link" href="https://redis.io/solutions/vector-search/">
         <span class="group-hover/link:text-redis-red-500 tracking-tight">Vector database</span>
       </a>
       <a class="flex flex-col group/link" href="https://redis.io/data-integration/">
         <span class="group-hover/link:text-redis-red-500 tracking-tight">RDI</span>
       </a>
-  
-  </div>
-  </div>
- <div class="lg:w-60 bg-gray-100">
-  <div class="flex flex-col gap-4">
-    <h3 class="uppercase font-mono mb-2">Tools</h3>
-    <div class="w-full h-px bg-redis-pen-300 my-4"></div>
-    <a class="flex flex-col group/link" href="https://redis.io/insight">
-      <span class="group-hover/link:text-redis-red-500 tracking-tight font-bold">Redis Insight</span>
-    </a>
-    <a class="flex flex-col group/link" href="https://redis.io/clients">
-      <span class="group-hover/link:text-redis-red-500 mb-22 tracking-tight font-bold">Clients & Connectors</span>
-    </a>
-    <h3 class="uppercase font-mono mb-2 mt-24 font-bold">Get Redis</h3>
-    {{ partial "components/button-link.html" (dict "Href" "https://redis.io/downloads" "Text" "Download") }}
+    </div>
   </div>
-</div>
 
-   
-  </div>
+  <!-- Tools Section -->
+  <div class="lg:w-60 bg-gray-100">
+    <div class="flex flex-col gap-4 p-4">
+      <h3 class="uppercase font-mono mb-2 font-bold">Tools</h3>
+      <div class="w-full h-px bg-redis-pen-300 my-4"></div>
+      <a class="flex flex-col group/link" href="https://redis.io/insight">
+        <span class="group-hover/link:text-redis-red-500 tracking-tight">Redis Insight</span>
+      </a>
+      <a class="flex flex-col group/link" href="https://redis.io/clients">
+        <span class="group-hover/link:text-redis-red-500 mb-22 tracking-tight">Clients & Connectors</span>
+      </a>
+      <h3 class="uppercase font-mono mb-2 mt-24 font-bold">Get Redis</h3> <!-- Added vertical space -->
+      {{ partial "components/button-link.html" (dict "Href" "https://redis.io/downloads" "Text" "Download") }}
+    </div>
   </div>
+</div>