feat: 竖屏适配 #54

Manually merged
remilia merged 8 commits from feat/media-layout into master 2025-11-01 16:38:38 +08:00
9 changed files with 397 additions and 18 deletions
Showing only changes of commit 853046d633 - Show all commits

View File

@ -86,7 +86,8 @@
} }
.card-group { .card-group {
display: flex; display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px; gap: 50px;
justify-content: space-around; justify-content: space-around;
margin-bottom: 2rem; margin-bottom: 2rem;
@ -121,4 +122,15 @@
border-radius: 4px; border-radius: 4px;
min-height: 36px; min-height: 36px;
} }
@media (max-width: 768px) {
section {
width: 100%;
}
.card-group {
grid-template-columns: 1fr;
gap: 20px;
}
}
</style> </style>