make test sectio multi column

app/views/merged/sections/show.haml

@@ -35,7 +35,7 @@
         = text_field_tag( :header , @section.header, class: "w-full rounded-lg border-gray-200 p-4 pr-12 text-sm shadow-sm")
       %label.block
         %h4.mt-4.text-lg.font-bold Text
-        = text_area_tag( :text , @section.text, rows: 5 ,class: "w-full rounded-lg border-gray-200 p-4 pr-12 text-sm shadow-sm")
+        = text_area_tag( :text , @section.text, rows: rows(@section) ,class: "w-full rounded-lg border-gray-200 p-4 pr-12 text-sm shadow-sm")
       .mt-4= submit_button("Update")
 
   - if( @section.has_cards? )

app/views/merged/view/_section_cards.haml

@@ -1,5 +1,5 @@
 %section.m-20{ options(section , :background , :color)}
-  .flex{ item_align_option( section)}
+  .flex.text-center
     .max-w-prose.px-4.py-16{ options(section , :text_align)}
       %h1.text-2xl.font-bold.tracking-tight.sm:text-4xl
         = section.header

app/views/merged/view/_section_text.haml

@@ -1,9 +1,14 @@
-%section{ options(section , :background , :margin)}
-  .px-4.py-16.mx-20{options(section , :text_align , :color)}
-    %h1.text-2xl.font-bold.tracking-tight.sm:text-4xl
-      = section.header
-    -if section.has_option?("subheader")
-      %h4.text-xl.mt-10.md:text-2xl
-        = section.option("subheader")
-    .prose.mt-4.text-lg.pt-10
-      = markdown(section)
+.p-20.my-20{ options(section , :background , :color)}
+  %section
+    .flex.justify-center
+      .max-w-prose{ options(section , :text_align)}
+        - if !section.header.blank?
+          %h1.mb-10.text-2xl.font-bold.tracking-tight.sm:text-4xl
+            = section.header
+        -if section.has_option?("subheader")
+          %p.prose.text-xl.pb-6
+            = section.option("subheader")
+
+    .mt-4.grid.gap-16{ column_option(section)}
+      - split_section(section).each do |part|
+        .prose.text-justify= part