优化下单页面移动端展示效果

This commit is contained in:
wystan_rin 2024-11-27 17:29:43 +08:00
parent 99a544e643
commit 1f4510b82b
2 changed files with 8 additions and 1 deletions

View File

@ -14,7 +14,6 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100vh;
} }
.container { .container {
@ -25,6 +24,13 @@
padding: 20px 30px; padding: 20px 30px;
} }
@media (max-width: 576px) {
.container {
padding: 20px 15px;
max-width: 100%;
}
}
h1 { h1 {
text-align: center; text-align: center;
color: #333; color: #333;

View File

@ -26,6 +26,7 @@
h2 { h2 {
text-align: center; text-align: center;
font-weight: 700; font-weight: 700;
margin-top: 0;
margin-bottom: 30px; margin-bottom: 30px;
} }
.table { .table {