update alignment at mobile

content/home/index.md

@@ -13,7 +13,7 @@ weight: 1
 
 <div class="px-4 md:px-16 lg:px-28">
 
-# **Welcome to**<br>OurZone&trade;  
+# **Welcome to** OurZone&trade;  
 
 ### Realize Your Ultimate Entrepreneurial Dreams with the World’s First Neo-Digital Freezone
 
@@ -35,7 +35,7 @@ weight: 1
 
 <!-- section 2 security -->
 
-{% row(margin="withContainer" padding="bottom") %}
+{% row(style="left" margin="withContainer" padding="bottom") %}
 
 ![placeholder](./img/freezone2.png#mx-auto)
 

css/index.css

@@ -139,7 +139,6 @@ img[src*="#fig"] {
     lg:text-lg
     px-8
     py-1
-    mr-5
     my-4
     border-2
     shadow

templates/partials/header_custom.html

@@ -15,7 +15,7 @@
                     <img class="w-40 h-auto sm:w-15" src="{{section.extra.logoPath}}" alt="Ourworld Logo" />
                 </a>
             </div>
-            <div class="-mr-2 -my-2 lg:hidden">
+            <div class="mr-2 -my-2 lg:hidden">
                 <button id="hamburger-btn" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
                     <!-- Heroicon name: menu -->
                     <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">

templates/shortcodes/row.html

@@ -143,7 +143,12 @@ Parameters:
     {% if "right" in style %}
         {% set row_class = row_class ~ " text-center lg:text-right md:text-right justify-center " %}
         {% set col_class = col_class ~ " flex-1" %}
-{% endif %}
+    {% endif %}
+
+    {% if "left" in style %}
+        {% set row_class = row_class ~ " text-center lg:text-left md:text-left justify-center " %}
+        {% set col_class = col_class ~ " flex-1" %}
+    {% endif %}
 
 
     {% if "items-end" in style %}