index.html

@@ -70,7 +70,7 @@
       
       <h3>บริการ โปรเจกต์ และคอนเทนต์</h3>
 
-      <div class="section">
+      <div class="row">
         <a class="itemcard" style="opacity: 0.4;">
           <div class="listaction">
             <img src="icons/ttt-org-blueprint.svg" alt="behind-ttt" width="80" height="80" style="margin: 0.3cm;"> 
@@ -167,7 +167,7 @@
 
       <h3>สำหรับใช้งานภายในเท่านั้น</h3>
 
-      <div class="section">
+      <div class="row">
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
           <div class="listaction">
             <svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">

style.css

@@ -64,7 +64,7 @@ h1 {
   margin-left: 0.25cm;
 }
 
-.section {
+.row {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   grid-gap: 1rem;
@@ -149,16 +149,57 @@ h1 {
 }
 
 /* For tablet screens */
-@media only screen and (max-width: 1366px) {
+@media only screen and (min-width: 750px) and (max-width: 1366px) {
   .middle-large {
     grid-area: middle;
     width: 90vw;
     max-width: 35cm;
   }
+  .itemcard {
+    display: grid;
+    border-radius: 12px;
+    text-decoration: none;
+    height: 3cm;
+    transition-duration: 0.2s;
+    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
+  }
+  
+  .itemcard-stealth {
+    display: grid;
+    border-radius: 12px;
+    text-decoration: none;
+    height: 3cm;
+    transition-duration: 0.2s;
+  }
+  h1 {
+    margin-top: 3vh;
+  }
 }
 
 /* For phone screens */
 @media only screen and (max-width: 750px) {
+  .middle-large {
+    grid-area: middle;
+    width: 90vw;
+    max-width: 35cm;
+  }
+
+  .itemcard {
+    display: grid;
+    border-radius: 12px;
+    text-decoration: none;
+    height: 3cm;
+    transition-duration: 0.2s;
+    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
+  }
+  
+  .itemcard-stealth {
+    display: grid;
+    border-radius: 12px;
+    text-decoration: none;
+    height: 3cm;
+    transition-duration: 0.2s;
+  }
   h1 {
     margin-top: 8vh;
   }

team.html

@@ -48,7 +48,7 @@
       
       นี่คือรายชื่อสมาชิกของพวกเราในทีมงาน TechTransThai
 
-      <div class="section" style="margin-top: 1cm">
+      <div class="row" style="margin-top: 1cm">
         <a class="itemcard-stealth" target="_blank" rel="noopener noreferrer" href="https://latenightdef.techtransthai.org/">
           <div class="listaction">
             <img src="https://latenightdef.techtransthai.org/icons/avatar.png" alt="no-avatar" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)">