header and footer

templates/partials/footer.html

@@ -13,7 +13,7 @@
           <div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
             <div class="xl:flex xl:gap-4">
               <div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
-                <img class="h-6" src="{{logoPath}}" alt="Company name" />
+                <img class="w-20 h-auto sm:w-15" src="{{logoPath}}" alt="Company name" />
                 <p class="text-gray-500 text-base leading-6 ">
                   {{section.description}}
                 </p>

templates/partials/header.html

@@ -93,7 +93,7 @@
         <div class="mx-auto flex z-50 shadow justify-between items-center px-6 py-5 sm:px-8 md:px-12 sm:py-6 lg:px-20 lg:justify-start lg:space-x-20">
             <div>
                 <a href="/" class="flex">
-                    <img class="w-20 h-auto sm:w-32" src="{{section.extra.logoPath}}" alt="Ourworld Logo" />
+                    <img class="w-20 h-auto sm:w-15" src="{{section.extra.logoPath}}" alt="Ourworld Logo" />
                 </a>
             </div>
             <div class="-mr-2 -my-2 lg:hidden">

templates/shortcodes/row.html

@@ -10,7 +10,7 @@ Parameters:
 -->
 
 {% set columns = body | safe | markdown | split(pat="|||") %}
-{% set row_class =  "relative pt-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row md:py-4 lg:py-4"%}
+{% set row_class =  "relative pt-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row md:py-12 lg:py-16"%}
 
 <!-- aligns columns depending on col number-->
 {% if 2 < columns | length %}