fix 解决方案的成功案例布局问题

 <!--
 <!--
  * @Date: 2024-09-29 15:49:27
  * @Date: 2024-09-29 15:49:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-12-04 12:09:38
+ * @LastEditTime: 2024-12-04 16:11:00
  * @FilePath: /hager/src/views/solution/detail.vue
  * @FilePath: /hager/src/views/solution/detail.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -343,7 +343,8 @@ export default {
     margin-top: 2rem;
     margin-top: 2rem;
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
-    justify-content: space-between; /* 确保子元素之间的空间被均匀分配 */
+    // justify-content: space-between; /* 确保子元素之间的空间被均匀分配 */
+    gap: 10px;
     &.xs {
     &.xs {
       display: block;
       display: block;
     }
     }
@@ -369,7 +370,7 @@ export default {
       }
       }
       .card-image {
       .card-image {
         width: 100%;
         width: 100%;
-        height: auto;
+        height: 12rem;
         object-fit: cover;
         object-fit: cover;
       }
       }