fix formatting

Author: thejessewinton

src/markdoc/layouts/Partner.svelte

@@ -42,11 +42,11 @@
 <Main>
     <div
         class={classNames(
-            'grid-bg border-smooth relative flex items-center border-b py-28 px-5 lg:px-8 xl:px-16',
+            'grid-bg border-smooth relative flex items-center border-b px-5 py-28 lg:px-8 xl:px-16',
             'before:from-accent/20 before:absolute before:inset-0 before:-z-1 before:bg-linear-to-tr before:via-transparent before:via-40% before:to-transparent'
         )}
     >
-        <div class="container relative w-full pb-0">
+        <div class="relative container w-full pb-0">
             <div class="flex flex-col gap-7">
                 <a href="/partners" class="text-caption text-primary group flex gap-2">
                     <span class="web-icon-arrow-left transition group-hover:-translate-x-1" />
@@ -79,7 +79,7 @@
                                 <dd class="flex flex-wrap gap-2">
                                     {#each frameworks as framework}
                                         <div
-                                            class="text-primary text-caption bg-smooth rounded-full py-1 px-3"
+                                            class="text-primary text-caption bg-smooth rounded-full px-3 py-1"
                                         >
                                             {framework}
                                         </div>
@@ -94,7 +94,7 @@
                                 <dd class="flex flex-wrap gap-2">
                                     {#each capabilities as capability}
                                         <div
-                                            class="text-primary text-caption bg-smooth rounded-full py-1 px-3"
+                                            class="text-primary text-caption bg-smooth rounded-full px-3 py-1"
                                         >
                                             {capability}
                                         </div>
@@ -126,7 +126,7 @@
                                 </dt>
                                 <dd>
                                     <div
-                                        class="text-primary text-caption rounded bg-white/24 py-0.5 px-2"
+                                        class="text-primary text-caption rounded bg-white/24 px-2 py-0.5"
                                     >
                                         {partnerLevel}
                                     </div>
@@ -149,7 +149,7 @@
                                 <dd class="flex flex-wrap gap-2">
                                     {#each languages as language}
                                         <div
-                                            class="text-primary text-caption bg-smooth rounded-full py-1 px-3"
+                                            class="text-primary text-caption bg-smooth rounded-full px-3 py-1"
                                         >
                                             {language}
                                         </div>

src/routes/partners/catalog/(components)/call-to-action.svelte

@@ -10,7 +10,7 @@
         'after:absolute after:top-0 after:right-0 after:z-0 after:hidden after:h-80 after:w-1/2 after:bg-[radial-gradient(at_100%_0%,_hsla(177,_53%,_69%,_0.1)_0px,_transparent_73%,_transparent_100%)] after:md:block md:after:block'
     )}
 >
-    <div class="container relative grid grid-cols-1 place-items-center md:grid-cols-2">
+    <div class="relative container grid grid-cols-1 place-items-center md:grid-cols-2">
         <section class="flex flex-col gap-4">
             <h2 class="text-display font-aeonik-pro text-primary max-w-[600px]">
                 Become a Technology Partner

src/routes/partners/catalog/(components)/hero.svelte

@@ -4,14 +4,14 @@
 
 <div
     class={classNames(
-        'grid-bg border-smooth relative flex items-center border-b py-28 px-5 lg:px-8 xl:px-16',
+        'grid-bg border-smooth relative flex items-center border-b px-5 py-28 lg:px-8 xl:px-16',
         'before:from-accent/20 before:absolute before:inset-0 before:-z-1 before:bg-linear-to-tr before:via-transparent before:via-40% before:to-transparent'
     )}
 >
-    <div class="container relative pb-0">
+    <div class="relative container pb-0">
         <div class="flex flex-col items-center">
             <div class="flex flex-col items-center justify-center gap-5 text-center">
-                <div class="text-micro uppercase text-white">
+                <div class="text-micro text-white uppercase">
                     Appwrite Partner Catalog<span class="web-u-color-text-accent">_</span>
                 </div>
                 <h1 class="text-headline font-aeonik-pro text-primary">Find a Partner</h1>
@@ -32,7 +32,8 @@
         position: relative;
         z-index: 1;
         overflow: hidden;
-        background-image: repeating-linear-gradient(
+        background-image:
+            repeating-linear-gradient(
                 0deg,
                 var(--line-color),
                 var(--line-color) 1px,