29 lines
693 B
CSS
29 lines
693 B
CSS
.grid {
|
|
display: grid;
|
|
gap: var(--Spacing-x3);
|
|
padding: var(--Spacing-x3) var(--Spacing-x4);
|
|
}
|
|
@media screen and (min-width: 767px) {
|
|
.grid {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
.grid:has(.usp:nth-child(4)) {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
}
|
|
.usp {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Spacing-x3);
|
|
}
|
|
.p {
|
|
margin: 0;
|
|
font-size: var(--typography-Caption-Regular-fontSize);
|
|
color: var(--UI-Text-Medium-contrast);
|
|
line-height: 21px; /* Caption variable for line-height is 139.9999976158142%, but it set to 21px in design */
|
|
}
|
|
.a {
|
|
font-size: var(--typography-Caption-Regular-fontSize);
|
|
color: var(--Base-Text-High-contrast);
|
|
}
|