|
@@ -128,7 +128,8 @@ h2 {
|
|
|
.process-container {
|
|
.process-container {
|
|
|
display: grid;
|
|
display: grid;
|
|
|
/* 核心代码：自动填充，每个卡片固定宽度 220px，多余空间自动换行 */
|
|
/* 核心代码：自动填充，每个卡片固定宽度 220px，多余空间自动换行 */
|
|
|
- grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
|
|
|
|
|
|
|
+ /* grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); */
|
|
|
|
|
+ grid-template-columns: repeat(8, 180px);
|
|
|
gap: 10px;
|
|
gap: 10px;
|
|
|
justify-content: start; /* 左对齐，防止拉伸 */
|
|
justify-content: start; /* 左对齐，防止拉伸 */
|
|
|
}
|
|
}
|
