Skip to content

Commit 7d9709f

Browse files
committed
style: 優化場景卡片高度和按鈕對齊
- 設定卡片最小高度統一視覺 - 使用 flexbox 讓按鈕自動對齊底部 - 改善卡片內容垂直排版
1 parent 7a9dbf9 commit 7d9709f

1 file changed

Lines changed: 5 additions & 1 deletion

File tree

index.html

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -203,6 +203,9 @@
203203
box-shadow: none;
204204
flex: 0 0 320px;
205205
scroll-snap-align: start;
206+
min-height: 320px;
207+
display: flex;
208+
flex-direction: column;
206209
}
207210

208211
@media (max-width: 768px) {
@@ -265,7 +268,8 @@
265268
.scenario-links {
266269
display: flex;
267270
gap: 10px;
268-
margin-top: 15px;
271+
margin-top: auto;
272+
padding-top: 20px;
269273
}
270274

271275
.btn {

0 commit comments

Comments
 (0)