refactor(ui): sort windicss classes

components/landing/Hero.vue

@@ -1,12 +1,13 @@
 <template>
   <div class="flex p-4 relative">
-    <div class="relative my-16 z-10 max-w-3xl">
+    <div class="my-16 max-w-3xl z-10 relative">
       <h2
         class="
+          font-semibold
+          text-accent
           leading-none
           tracking-tighter
-          font-semibold
-          text-accent text-4xl
+          text-4xl
           md:text-5xl
           lg:text-6xl
         "
@@ -15,23 +16,21 @@
       </h2>
       <h3
         class="
-          text-3xl
+          font-mono font-semibold
           my-4
-          font-mono
-          text-secondaryDark
+          text-secondaryDark text-3xl
           md:text-4xl
           lg:text-4xl
-          font-semibold
         "
       >
         API Development Ecosystem
       </h3>
-      <p class="text-lg my-4 text-secondaryLight max-w-4/5">
+      <p class="my-4 text-lg text-secondaryLight max-w-4/5">
         Millions of developers and companies build, ship, and maintain their
         APIs on Hoppscotch — the largest and most advanced development platform
         in the world.
       </p>
-      <div class="my-8 flex items-center">
+      <div class="flex my-8 items-center">
         <ButtonPrimary
           label="Dashboard"
           icon="chevron_right"
@@ -45,7 +44,7 @@
       </div>
     </div>
     <div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
-      <LandingGlobe class="h-64 w-full sm:h-72 md:h-96 lg:h-full" />
+      <LandingGlobe class="h-64 w-full lg:h-full sm:h-72 md:h-96" />
     </div>
   </div>
 </template>