formatting and layout

src/pages/topics/index.astro

@@ -31,7 +31,6 @@ const sortedTags = [...tagObjects].sort((a, b) => b.count - a.count);
 
 <BaseLayout title="Explore Tags">
   <div class="theme-transition-all mx-auto w-full px-3 py-6 sm:px-6 sm:py-12 md:py-16">
-    <!-- Enhanced header section with animated elements - improved for mobile -->
     <div class="theme-transition-element relative mb-8 text-center sm:mb-12 md:mb-16">
       <div
         class="animate-blob theme-transition-bg absolute -top-16 -left-16 h-36 w-36 rounded-full bg-zinc-100 opacity-50 blur-3xl sm:h-48 sm:w-48 md:h-72 md:w-72 dark:bg-zinc-800/50"
@@ -146,9 +145,7 @@ const sortedTags = [...tagObjects].sort((a, b) => b.count - a.count);
 </BaseLayout>
 
 <script>
-  // Ultra-reliable responsiveness handling
   document.addEventListener('DOMContentLoaded', () => {
-    // Fix viewport width issues on mobile
     const fixViewportWidth = () => {
       // Force the viewport to be exactly the width of the device
       const viewport = document.querySelector('meta[name="viewport"]');
@@ -378,7 +375,6 @@ const sortedTags = [...tagObjects].sort((a, b) => b.count - a.count);
     width: 100% !important;
   }
 
-  /* Ultra-responsive breakpoints for extreme reliability */
   /* Micro screens (below 240px) */
   @media (max-width: 239px) {
     .tag-cloud {
@@ -545,7 +541,7 @@ const sortedTags = [...tagObjects].sort((a, b) => b.count - a.count);
     hyphens: auto;
   }
 
-  /* Improved shadow for dark mode */
+  /* Shadow for dark mode */
   :global(.dark) .tag-cloud {
     box-shadow:
       0 0 0 1px rgba(255, 255, 255, 0.05),