#

src/components/index.vue

@@ -987,9 +987,16 @@ export default {
 
 <style scoped>
 @media screen and (max-width: 1024px) {
-  .box_course {
-    margin: 0px 5px 20px 5px !important;
-  }
+  /* .box_course {
+    width: 300px !important;
+  } */
+  .typeCheckFlex{
+      display: grid !important;  
+      grid-template-columns: repeat(3, 1fr) !important; 
+   }
+   .claList{
+      grid-template-columns: repeat(3, 1fr) !important; 
+   }
 }
 
 .student_head .imgS {
@@ -1440,7 +1447,7 @@ export default {
  }
  .typeCheckFlex{
     display: grid; 
-    grid-template-columns: repeat(5, 1fr); 
+    grid-template-columns: repeat(4, 1fr); 
     gap: 30px;
  }
 </style>