karylab/find_your_own_fxxking_problem
1
0
Fork 0
mirror of https://github.com/ChenKaiLiuG/find_your_own_fxxking_problem.git synced 2026-06-17 16:54:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update home_style.css

Browse Source
This commit is contained in:
ChenKaiLiuG
2025-04-25 21:22:07 +08:00
committed by GitHub
parent 3cdc69838a
commit 034f9263d3
1 changed files with 34 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
css/home_style.css
View File

@@ -157,3 +157,37 @@ p {
background-color: rgba(50, 50, 50, 0.8); background-color: rgba(50, 50, 50, 0.8);
color: #eee; color: #eee;
} }
.container {
display: grid;
grid-template-columns: 1fr; /* 預設：一列一個 */
gap: 2rem;
padding: 2rem;
max-width: 1200px;
margin: 0 auto;
}
/* 卡片本身 */
.card {
background: rgba(255, 255, 255, 0.9);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
display: flex;
flex-direction: column;
transition: transform 0.3s ease, background 0.3s ease;
}
/* 卡片圖片 */
.card-image {
width: 100%;
height: 200px;
object-fit: cover;
}
/* 讓橫向螢幕排兩個卡片 */
@media (min-width: 768px) {
.container {
grid-template-columns: 1fr 1fr; /* 兩列 */
}
}