From 7b41dc1d30a41293309847b2b72b4818f350d632 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Tue, 4 Oct 2022 19:09:11 +0200
Subject: [PATCH] fix order at mobile

---
 content/community/index.md    | 2 +-
 content/grid/index.md         | 4 ++--
 content/mission/index.md      | 2 +-
 content/tft/index.md          | 4 ++--
 templates/shortcodes/row.html | 6 ++++++
 5 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/content/community/index.md b/content/community/index.md
index 07e8070f9..0045324bc 100644
--- a/content/community/index.md
+++ b/content/community/index.md
@@ -89,7 +89,7 @@ We're a 100% open-source and community-driven project that builds the critical i
 
 <!-- section 4 (DEVELOPER COMMUNITY) -->
 
-{% row(bgColor="#f2f2f2" style="narrow margin") %}
+{% row(bgColor="#f2f2f2" style="narrow margin reverse") %}
 
 ## Join the ThreeFold <br> **Developer Community**
 
diff --git a/content/grid/index.md b/content/grid/index.md
index 0f37ae401..617af82bd 100644
--- a/content/grid/index.md
+++ b/content/grid/index.md
@@ -58,7 +58,7 @@ Any current or future technology, including blockchain, metaverses and web 3.0,
 <br>
 <br>
 
-{% row() %}
+{% row(style="reverse") %}
 
 ## Scaled by the People <br> **to the Edge**
 
@@ -109,7 +109,7 @@ A decentralized autonomous operating system designed to dedicate hardware capaci
 <br>
 <br>
 
-{% row() %}
+{% row(style="reverse") %}
 
 ## A Decentralized **Internet Economy**
 
diff --git a/content/mission/index.md b/content/mission/index.md
index e3783bd91..28b397379 100644
--- a/content/mission/index.md
+++ b/content/mission/index.md
@@ -63,7 +63,7 @@ Internet access is a human right and it can change everything for the lives of p
 
 <!-- section 3 (SOVEREIGN) -->
 
-{% row(style="margin") %}
+{% row(style="margin reverse") %}
 
 ## Empowering People **To Be Sovereign**
 
diff --git a/content/tft/index.md b/content/tft/index.md
index 93092adb4..111fcee10 100644
--- a/content/tft/index.md
+++ b/content/tft/index.md
@@ -166,7 +166,7 @@ People buy TFT to store data and run applications privately on a peer-to-peer In
 <!-- section 6 (OPEN NETWORK) -->
 
 
-{% row(style="margin") %}
+{% row(style="margin reverse") %}
 
 ## Loyalty **Rewards**
 
@@ -202,7 +202,7 @@ TFT is minted only when new Internet capacity is added to the ThreeFold Grid. A
 <!-- section 8 (BURN AND FARM) -->
 
 
-{% row(style="margin") %}
+{% row(style="margin reverse") %}
 
 ## Burn and Farm **Equilibrium**
 
diff --git a/templates/shortcodes/row.html b/templates/shortcodes/row.html
index 5950f30ad..b1a6f9058 100644
--- a/templates/shortcodes/row.html
+++ b/templates/shortcodes/row.html
@@ -70,6 +70,12 @@ Parameters:
     {% set row_class = row_class ~ " text-white" %}
     {% endif %}
 
+    <!-- reverse col at mobile -->
+
+    {% if "reverse" in style %}
+    {% set row_class = "flex flex-col-reverse md:flex-row items-center" %}
+    {% endif %}
+
     <!-- makes row with margins -->
     {% if "margin" in style %}
         {% set row_class = row_class ~ " lg:py-28 sm:p-12 md:p-16 lg:p-20" %}