update mobile

Author: warrenlr

_sass/_theme.scss

@@ -32,56 +32,36 @@ body {
     padding-left: 30px;
 }
 
-
 .col.software {
-  width: 100%;
-  text-align: center;
-  height: 100%;
-  padding-left: 20px;   // ↓ reduce from 50
-  padding-right: 20px;
-
-  table {
-    border: none;
     width: 100%;
-  }
-
-  tr {
-    border: none;
-  }
-
-  td {
-    padding-top: 20px;
-    padding-right: 15px;   // ↓ reduce from 40
-    padding-left: 15px;
-    text-align: center;
-    border: none;
-    box-sizing: border-box;   // IMPORTANT
-  }
-}
-
-img.software-logo {
-    max-width: 120px;
-    height: auto;
-}
-
-/* Tablet + mobile: force 2 columns instead of 3 */
-@media screen and (max-width: 900px) {
-
-    .software table {
-        width: 100%;
+    text-align:center;
+    height:100%;
+    padding-left:50px;  
+    padding-right:50px;
+    
+    table {
+      align:center;
+      border:none;
     }
-
-    .software table tr {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: center;
+    
+    tr {
+    colspan:2;
+    border:none;
     }
-
-    .software table td {
-        width: 48%;          /* 2 columns */
-        margin: 1%;
-        box-sizing: border-box;
+    
+    td {
+      padding-top:20px;
+      padding-right:40px;
+      padding-left:40px;
+      text-align:center;
+      border:none;
     }
+    
+}
+
+img.software-logo {
+  height:70px;
+  width:auto;
 }
 
 img.social-media {

resources.md

@@ -3,6 +3,31 @@ layout: page
 title: Resources 
 ---
 
+<style>
+/* Default (desktop) = 3 columns */
+.software table td {
+    width: 33.33%;
+}
+
+/* Tablet */
+@media screen and (max-width: 900px) {
+    .software table td {
+        width: 50%;
+    }
+}
+
+/* Mobile */
+@media screen and (max-width: 600px) {
+    .software table td {
+        width: 50%;
+    }
+
+    .software table tr {
+        margin-bottom: 10px;
+    }
+}
+</style>
+
 Here you will find cutting-edge technologies and resources developed by the Birol Lab to empower researchers in genomics, bioinformatics, life sciences and medical research and designed to streamline *big data* analysis, enhance data interpretation, and accelerate scientific discovery.
 
 <div class="col software">