Update _theme.scss

Author: warrenlr

_sass/_theme.scss

@@ -32,38 +32,58 @@ 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%;
-    text-align:center;
-    height:100%;
-    padding-left:50px;  
-    padding-right:50px;
-    
-    table {
-      align:center;
-      border:none;
-    }
-    
-    tr {
-    colspan:2;
-    border:none;
-    }
-    
-    td {
-      padding-top:20px;
-      padding-right:40px;
-      padding-left:40px;
-      text-align:center;
-      border:none;
-    }
-    
+  }
+
+  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%;
+    }
+
+    .software table tr {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+
+    .software table td {
+        width: 48%;          /* 2 columns */
+        margin: 1%;
+        box-sizing: border-box;
+    }
+}
+
 img.social-media {
     height: 1.3em;
     display: inline;