update

content/community/index.md

@@ -4,11 +4,9 @@ template: "page.html"
 insert_anchor_links: "left"
 ---
 
-<br>
-
 <!-- section 1 (THE FOLD) -->
 
-{% row(style="center narrow") %}
+{% row(style="center mtop narrow") %}
 
 ## Welcome Into <br> **The Fold**
 
@@ -23,11 +21,11 @@ We're a 100% open-source and community-driven project that builds the critical i
 {% end %}
 
 <br>
-<br>
+
 
 <!-- section 8 (IN THE NEWS) -->
 
-{% row(style="center between") %}
+{% row(style="center mtop between") %}
 
 [![forbes](forum.png)](https://forum.threefold.io/)
 
@@ -69,7 +67,7 @@ We're a 100% open-source and community-driven project that builds the critical i
 
 {% end %}
 
-{% row(style="center between") %}
+{% row(style="center mbottom between") %}
 
 [![cointelegraph](youtube.png)](https://www.youtube.com/threefoldfoundation)
 
@@ -85,11 +83,14 @@ We're a 100% open-source and community-driven project that builds the critical i
 
 <br>
 
-<br>
 
 <!-- section 4 (DEVELOPER COMMUNITY) -->
 
-{% row(bgColor="#f2f2f2" style="narrow margin reverse") %}
+{% row(style="margin" bgColor="#f2f2f2") %}
+
+![Image](community_developers.png#medium)
+
+|||
 
 ## Join the ThreeFold <br> **Developer Community**
 
@@ -97,10 +98,6 @@ From testing our latest releases to joining our development teams or applying fo
 
 <button>[Developer Resources](/developer)</button>
 
-|||
-
-![Image](community_developers.png#medium)
-
 {% end %}
 
 <!-- section 6 (QUESTIONS) -->
@@ -116,8 +113,6 @@ Check out the FAQs or ask a question on the ThreeFold Forum.
 
 {% end %}
 
-<br>
-<br>
 
 {% community_banner() %}
 

templates/shortcodes/row.html

@@ -122,7 +122,7 @@ Parameters:
 {% endif %}
 {% if bgColor %}
     {% set styles = "background-color: " ~ bgColor ~ "; background-size: cover"  %}
-    {% set row_class = row_class ~ "w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" %}
+    {% set row_class = row_class ~ " w-auto -mx-4 sm:-mx-12 md:-mx-16 lg:-mx-20" %}
 {% endif %}
 {% if gradient %}
     {% set styles = "background: " ~ gradient ~ "; background-size: cover"  %}

templates/shortcodes/tft_header.html

@@ -2,7 +2,7 @@
 
 <div
     class="relative lg:pb-24 pb-10 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row md:py-2 lg:py-2 lg:items-center text-center mx-auto justify-center">
-    <a class="center pb-4" href="https://coinmarketcap.com/currencies/threefold/" target="_blank">
+    <a class="center pb-4 lg:pb-0" href="https://coinmarketcap.com/currencies/threefold/" target="_blank">
         {% set link = page.permalink ~ "cointelegraph_logo.png"%}
         <img class="logo_size mx-auto" src="{{link}}" alt="cointelegraph">
     </a>