From b1357d5ca5d48c5f464c48eeced15d3d6a5975e6 Mon Sep 17 00:00:00 2001
From: timurgordon <timurgordon@gmail.com>
Date: Mon, 28 Feb 2022 14:43:37 +0300
Subject: [PATCH] small browser view fixes

---
 content/join-us/_index.md         | 16 ++++++++--------
 css/index.css                     |  5 +++++
 templates/partials/blogPosts.html |  2 +-
 templates/shortcodes/row.html     |  2 +-
 4 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/content/join-us/_index.md b/content/join-us/_index.md
index 2eb33a9..fcbfc1e 100644
--- a/content/join-us/_index.md
+++ b/content/join-us/_index.md
@@ -40,20 +40,20 @@ Join an ecosystem of gamechanging communities and organizations
 
 |||
 
-![Image](/images/tf_logo.png)
-![Image](/images/tf_logo.png)
-![Image](/images/tf_logo.png)
+![Image](/images/tf_logo.png#logo)
+![Image](/images/tf_logo.png#logo)
+![Image](/images/tf_logo.png#logo)
 
 |||
 
-![Image](/images/tf_logo.png)
-![Image](/images/tf_logo.png)
-![Image](/images/tf_logo.png)
+![Image](/images/tf_logo.png#logo)
+![Image](/images/tf_logo.png#logo)
+![Image](/images/tf_logo.png#logo)
 
 |||
 
-![Image](/images/tf_logo.png)
-![Image](/images/tf_logo.png)
+![Image](/images/tf_logo.png#logo)
+![Image](/images/tf_logo.png#logo)
 
 {% end %}
 
diff --git a/css/index.css b/css/index.css
index 3444209..21f5f8b 100644
--- a/css/index.css
+++ b/css/index.css
@@ -28,6 +28,11 @@ img[src*="#medium"] {
   margin: auto;
 }
 
+img[src*="#logo"] {
+  max-width: 260px;
+  margin: auto;
+}
+
 img[src*="#large"] {
   width: 400px;
   margin: auto;
diff --git a/templates/partials/blogPosts.html b/templates/partials/blogPosts.html
index 8c7d6cd..415678b 100644
--- a/templates/partials/blogPosts.html
+++ b/templates/partials/blogPosts.html
@@ -11,7 +11,7 @@
     {% endif %}
   </h1>
   <div>
-    <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
+    <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-3 lg:max-w-none">
       {%- for post in paginator.pages %} 
         {% if "Engineering" == "Engineering"%}
             {% include "partials/postCard.html" %} 
diff --git a/templates/shortcodes/row.html b/templates/shortcodes/row.html
index da7ee2b..d5c20bb 100644
--- a/templates/shortcodes/row.html
+++ b/templates/shortcodes/row.html
@@ -10,7 +10,7 @@ Parameters:
 -->
 
 {% set columns = body | safe | markdown | split(pat="|||") %}
-{% set classes =  "relative pt-12 flex flex-col md:flex-row lg:flex-row p-8 sm:p-12 md:p-16 lg:p-20 lg:py-16"%}
+{% set classes =  "relative pt-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row p-8 sm:p-12 md:p-16 lg:p-20 lg:py-16"%}
 
 {% if 2 < columns | length %}
     {% set classes = classes ~ " lg:items-start" %}