Merge pull request #2622 from appwrite/fix-security-features-page

Fix: security features page for ipad air responsiveness

Author: HarshMN2345

src/routes/(marketing)/(components)/features.svelte

@@ -70,7 +70,7 @@
     {...restProps}
 >
     <div class="container mx-auto">
-        <section class="flex flex-col items-start gap-x-20 md:flex-row">
+        <section class="flex flex-col gap-4 lg:flex-row lg:items-baseline lg:gap-x-20">
             <h2
                 class="text-title font-aeonik-pro text-primary max-w-[700px] text-3xl leading-12 text-pretty sm:text-4xl md:text-5xl"
             >
@@ -79,7 +79,7 @@
                     class="text-accent">_</span
                 >
             </h2>
-            <p class="text-secondary text-description mt-4 max-w-xl font-medium">
+            <p class="text-secondary text-description mt-4 max-w-full font-medium lg:max-w-xl">
                 With a security-first approach, we ensure your products and users are safe by
                 default, making it easy for you to adhere to strict safety policies.
             </p>

src/routes/(marketing)/(components)/map.svelte

@@ -10,7 +10,7 @@
     const { theme = 'light' }: Props = $props();
 </script>
 
-<div class={cn('border-smooth -mt-6 border-b pb-12 md:py-32', theme)}>
+<div class={cn('border-smooth -mt-6 border-b pt-12 pb-12 md:py-32', theme)}>
     <div class="mb-12 flex flex-col items-center gap-6 text-center">
         <h2 class="text-primary font-aeonik-pro text-title">
             The Appwrite Network<span class="text-accent">_</span>