Css- poprawka formatowania wyszukiwania kanałów i poprawiony układ kontakt

src/pages/kontakt/index.astro

@@ -21,7 +21,12 @@ type ContactData = {
     phone: { placeholder: string };
     subject: { placeholder: string };
     message: { placeholder: string; rows: number };
-    rodo: { label: string; policyLink: string; policyTitle: string; policyText: string };
+    rodo: {
+      label: string;
+      policyLink: string;
+      policyTitle: string;
+      policyText: string;
+    };
     submit: { label: string; title: string };
     successMessage: string;
     errorMessage: string;
@@ -37,15 +42,18 @@ const form = data.form;
 
 <DefaultLayout seo={seo}>
   <section class="f-section">
-    <div class="f-section-grid md:grid-cols-2 gap-10 items-start">
+    <div class="f-contact-grid">
+      {/* row 1: tytuły */}
+      <h1 class="f-section-title m-0">{data.title}</h1>
+      <h1 class="f-section-title m-0">{data.contactFormTitle}</h1>
+
+      {/* row 2: treść */}
       <div class="f-contact-item">
-        <h1 class="f-section-title">{data.title}</h1>
         <Markdown text={data.description} />
       </div>
 
       <div id="form">
-        <h1 class="f-section-title">{data.contactFormTitle}</h1>
-
+       
         <form id="contactForm" class="f-contact-form">
           <div class="f-contact-form-inner">
             <input
@@ -270,4 +278,4 @@ const form = data.form;
       });
     });
   </script>
-</DefaultLayout>
+</DefaultLayout>