fix order at mobile

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**
 

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**
 

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**
 

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**
 

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" %}