Kontakt - poprawka nagłowka

src/pages/kontakt/index.astro

@@ -42,17 +42,20 @@ const form = data.form;
 
 <DefaultLayout seo={seo}>
   <section class="f-section">
+    <!-- ✅ Zmieniona struktura - osobne bloki zamiast grida -->
     <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">
-        <Markdown text={data.description} />
+      {/* Lewa kolumna: Kontakt */}
+      <div class="f-contact-column">
+        <h1 class="f-section-title">{data.title}</h1>
+        <div class="f-contact-item">
+          <Markdown text={data.description} />
+        </div>
       </div>
 
-      <div id="form">
+      {/* Prawa kolumna: Formularz */}
+      <div class="f-contact-column" id="form">
+        <h2 class="f-section-title">{data.contactFormTitle}</h2>
         
         <form id="contactForm" class="f-contact-form">
           <div class="f-contact-form-inner">
@@ -135,6 +138,7 @@ const form = data.form;
           </button>
         </form>
       </div>
+
     </div>
 
     <div class="mt-10">