fix(style): compact reliability row at 1024
This commit is contained in:
@@ -162,7 +162,7 @@
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
@media (max-width: 1023px) {
|
||||
.trust-card__copy {
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
@@ -215,7 +215,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 1199px) {
|
||||
@media (min-width: 768px) and (max-width: 1023px) {
|
||||
.trust__grid > .trust-card:nth-child(1),
|
||||
.trust__grid > .trust-card:nth-child(5) {
|
||||
position: relative;
|
||||
@@ -238,10 +238,47 @@
|
||||
.trust {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
padding-left: 36px;
|
||||
padding-right: 36px;
|
||||
padding-left: 28px;
|
||||
padding-right: 28px;
|
||||
}
|
||||
|
||||
.trust__grid {
|
||||
display: flex;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.trust-card {
|
||||
flex: 1;
|
||||
padding: 16px 8px;
|
||||
}
|
||||
|
||||
.trust-card__icon-frame {
|
||||
width: 112px;
|
||||
height: 112px;
|
||||
}
|
||||
|
||||
.trust-card__copy {
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.trust-card__title {
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
letter-spacing: var(--ls-15);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.trust-card__description {
|
||||
font-size: 14px;
|
||||
line-height: 1.45;
|
||||
letter-spacing: var(--ls-14);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.trust__divider {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
@@ -256,16 +293,28 @@
|
||||
}
|
||||
|
||||
.trust__grid {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.trust-card {
|
||||
flex: 1;
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.trust__divider {
|
||||
display: block;
|
||||
.trust-card__icon-frame {
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
}
|
||||
|
||||
.trust-card__title {
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
letter-spacing: var(--ls-16);
|
||||
}
|
||||
|
||||
.trust-card__description {
|
||||
font-size: 15px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: var(--ls-15);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user