fix footer

app/views/layouts/_footer.haml

@@ -1,9 +1,14 @@
 %footer.bg-white{"aria-label" => "Site Footer"}
+  .px-4.py-16.mx-auto.sm:px-6.lg:px-8
+    .w-full.grid.grid-cols-2.gap-8.mt-8.lg:mt-0.lg:grid-cols-6.lg:gap-y-16.ld:grid-cols-3.lg:gap-y-8
       .max-w-screen-xl.px-4.py-16.mx-auto.sm:px-6.lg:px-8
-    .w-full.grid.grid-cols-2.gap-8.mt-8.lg:mt-0.lg:grid-cols-5.lg:gap-y-16
+        .lg:flex.lg:items-start.lg:gap-8
-      .col-span-1.md:col-span-2
+          %a.inline-flex.items-center{"aria-label" => "Hub Feenix", :href => "/", :title => "Hub Feenix"}
-        %p.font-medium.text-gray-900 Activities
+            = image_tag("feenix_lintu.webp" , class: "h-20")
+
       %nav.mt-6
+        %p.mb-6.font-medium.text-xl.text-gray-900
+          Activities
         %ul.space-y-4.text-sm
           %li
             %a.text-gray-700.transition.hover:opacity-75{:href => "/local_activities"}
@@ -15,9 +20,9 @@
             %a.text-gray-700.transition.hover:opacity-75{:href => "/turku"}
               Turkku
 
-      .col-span-1.md:col-span-2
-        %p.font-medium.text-gray-900 Weather Info
       %nav.mt-6
+        %p.mb-6.font-medium.text-xl.text-gray-900
+          Weather Info
         %ul.space-y-4.text-sm
           %li
             %a.text-md.transition.hover:opacity-75{:href => "/four_seasons"}
@@ -29,9 +34,9 @@
             %a.text-gray-700.transition.hover:opacity-75{:href => "/in_winter"}
               In Winter
 
-      .col-span-2.sm:col-span-1
-        %p.font-medium.text-gray-900 Volunteering
       %nav.mt-6{"aria-label" => "Footer Navigation - Hub Feenix"}
+        %p.mb-6.font-medium.text-xl.text-gray-900
+          Volunteering
         %ul.space-y-4.text-sm
           %li
             %a.text-gray-700.transition.hover:opacity-75{:href => "/volunteering"}
@@ -42,9 +47,10 @@
           %li
             %a.text-gray-700.transition.hover:opacity-75{:href => "/living_here"}
               Living @ Feenix Info
-      .col-span-2.sm:col-span-1
+
-        %p.font-medium.text-gray-900 People
       %nav.mt-6{"aria-label" => "Footer Navigation - Hub Feenix"}
+        %p.mb-6.font-medium.text-xl.text-gray-900
+          People
         %ul.space-y-4.text-sm
           %li
             %a.text-gray-700.transition.hover:opacity-75{:href => "/members"}
@@ -55,9 +61,10 @@
             %li
               %a.text-gray-700.transition.hover:opacity-75{:href => "/pictures"}
                 Gallery
-      .col-span-2.sm:col-span-1
+
-        %p.font-medium.text-gray-900 Information
       %nav.mt-6{"aria-label" => "Footer Navigation - Downloads"}
+        %p.mb-6.font-medium.text-xl.text-gray-900
+          Information
         %ul.space-y-4.text-sm
           %li
             %a.text-gray-700.transition.hover:opacity-75{:href => "/about"}
@@ -71,6 +78,7 @@
           %li
             %a.text-gray-700.transition.hover:opacity-75{:href => "https://www.instagram.com/hub_feenix/" , :target => "_blank"}
               Instagram
+
       %ul.flex.justify-start.col-span-2.gap-6.lg:col-span-5.lg:justify-end
         %li
           %a.text-gray-700.transition.hover:opacity-75{:href => "https://www.facebook.com/hubfeenix", :rel => "noreferrer", :target => "_blank"}