fix(feat): Rearrange the element to fix the responsive layout
This commit is contained in:
@@ -158,13 +158,34 @@
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 1022px) {
|
||||
.trust-card__copy {
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.trust-card__title,
|
||||
.trust-card__description {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.trust__title {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.trust__grid {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.trust__divider {
|
||||
display: block;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.trust__divider:nth-of-type(4) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user