updates

src/app.css

@@ -70,6 +70,9 @@
   /* Animations */
   --animate-scale-in: scale-in 200ms ease-out forwards;
 
+  /* Pink polyfills */
+  --transition: 0.2s;
+
   /* Keyframes */
   @keyframes scale-in {
     0% {

src/lib/components/Newsletter.svelte

@@ -95,7 +95,7 @@
   <div class="py-10">
     <div class="web-big-padding-section-level-2">
       <div class="container">
-        <div class="grid-cols-2-opt-2 grid gap-8">
+        <div class="grid gap-8 md:grid-cols-2">
           <div class="">
             <div
               class="web-u-max-inline-size-none-mobile"

src/routes/assets/+page.svelte

@@ -363,7 +363,7 @@
                   Use these product visuals to enhance your articles,
                   presentations, and content related to Appwrite.
                 </p>
-                <div class="grid-cols-2-opt-2 mt-3 grid gap-8">
+                <div class="mt-3 grid grid-cols-2 gap-8">
                   <div class="media-wrapper">
                     <img
                       class="web-u-border-radius-8 web-u-media-ratio-16-9 w-full"

src/routes/brand-launch/+page.svelte

@@ -147,7 +147,7 @@
         </div>
 
         <div class="web-big-padding-section-level-2 web-u-sep-block-start">
-          <div class="grid-cols-2-opt-2 grid">
+          <div class="grid grid-cols-2">
             <div class="web-hero is-align-start web-u-padding-block-start-40">
               <h2 class="web-title web-u-color-text-primary">
                 Eliminating complexity
@@ -1590,7 +1590,7 @@
       </div>
       <div class="web-big-padding-section-level-2 relative">
         <div class="container">
-          <div class="grid-cols-2-opt-2 grid justify-between gap-8">
+          <div class="grid grid-cols-2 justify-between gap-8">
             <div class="web-hero is-align-start web-max-w-[480px]">
               <h4 class="web-title web-u-color-text-primary">
                 Be a part of #Teamof100