diff --git a/src/components/Card.vue b/src/components/Card.vue
index 79f96e6..a45ace5 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -46,9 +46,9 @@ const toDetail = (productId, classify) => {
 <style lang="scss" scoped>
 .line_cards {
   display: grid;
-  grid-template-columns: repeat(1, 1fr);
+  // grid-template-columns: repeat(1, 1fr);
   // grid-template-rows: repeat(10, 1fr);
-  column-gap: 7px;
+  // column-gap: 7px;
   padding: 0 7px;
   box-sizing: border-box;
   row-gap: 7px;
diff --git a/src/pages/CaseShow.vue b/src/pages/CaseShow.vue
index dfc1188..184350d 100644
--- a/src/pages/CaseShow.vue
+++ b/src/pages/CaseShow.vue
@@ -91,12 +91,13 @@ onMounted(() => {
   overflow: hidden;
   .line_cards {
     display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: repeat(2, 1fr);
+    // grid-template-columns: repeat(2, 1fr);
+    // grid-template-rows: repeat(2, 1fr);
     column-gap: 7px;
     padding: 0 7px;
     box-sizing: border-box;
     row-gap: 7px;
+    padding-bottom: 16px;
     .card {
       height: 132px;
       background: #ffffff;