From c08e9246cff7715617a5f61a5a560c10734f1753 Mon Sep 17 00:00:00 2001
From: Badri Sunderarajan <badrihippo@gmail.com>
Date: Fri, 10 Apr 2020 16:17:37 +0530
Subject: [PATCH] Make "Scientists & Researchers" row responsive

Now, displays the pic on the right-hand side on larger screens,
but in the same order as the rest (pic on top) on small ones
---
 src/index.htm | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/index.htm b/src/index.htm
index 77b02d2..aec2501 100644
--- a/src/index.htm
+++ b/src/index.htm
@@ -31,7 +31,10 @@
           </ul>
         </div>
       </div>
-      <div class="flex flex-wrap mx-auto">
+      <div class="flex flex-wrap sm:flex-row md:flex-row-reverse mx-auto">
+        <div class="sm:w-full md:w-1/2 lg:w-1/3">
+          <img src="img/researcher.png" />
+        </div>
         <div class="sm:w-full md:w-1/2 lg:w-2/3 p-10">
           <a name="researchers">
             <h1 class="text-2xl">Scientists &amp; researchers <i class="icon-flask"></i></h1>
@@ -43,9 +46,6 @@
             <li>Grip readers with fiction techniques</li>
           </ul>
         </div>
-        <div class="sm:w-full md:w-1/2 lg:w-1/3">
-          <img src="img/researcher.png" />
-        </div>
       </div>
       <div class="flex flex-wrap mx-auto">
         <div class="sm:w-full md:w-1/2 lg:w-1/3">