Finn/talk-pro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(style): keep reliability grid at tablet widths

Browse Source
This commit is contained in:
SeekingGamer
2026-05-18 15:58:05 +08:00
parent 61ef7c14de
commit 7f7b44415e
1 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/styles/trust.css
View File

@@ -162,7 +162,7 @@
height: 100%; height: 100%;
} }
@media (max-width: 1024px) { @media (max-width: 1199px) {
.trust-card__copy { .trust-card__copy {
align-items: center; align-items: center;
text-align: center; text-align: center;
@@ -215,7 +215,7 @@
} }
} }
@media (min-width: 768px) and (max-width: 1024px) { @media (min-width: 768px) and (max-width: 1199px) {
.trust__grid > .trust-card:nth-child(1), .trust__grid > .trust-card:nth-child(1),
.trust__grid > .trust-card:nth-child(5) { .trust__grid > .trust-card:nth-child(5) {
position: relative; position: relative;
@@ -242,6 +242,19 @@
padding-right: 36px; padding-right: 36px;
} }
}
@media (min-width: 1200px) {
.trust__title {
font-size: 48px;
letter-spacing: var(--ls-48);
}
.trust__description {
font-size: 18px;
letter-spacing: var(--ls-18);
}
.trust__grid { .trust__grid {
display: flex; display: flex;
gap: 24px; gap: 24px;
@@ -256,18 +269,6 @@
} }
} }
@media (min-width: 1200px) {
.trust__title {
font-size: 48px;
letter-spacing: var(--ls-48);
}
.trust__description {
font-size: 18px;
letter-spacing: var(--ls-18);
}
}
@media (min-width: 1376px) { @media (min-width: 1376px) {
.trust { .trust {
padding-top: 120px; padding-top: 120px;