Changeset View
Changeset View
Standalone View
Standalone View
landing/competitor-comparison.css
Show First 20 Lines • Show All 47 Lines • ▼ Show 20 Lines | .bump { | ||||
width: 80%; | width: 80%; | ||||
height: 4px; | height: 4px; | ||||
border-top-left-radius: 16px; | border-top-left-radius: 16px; | ||||
border-top-right-radius: 16px; | border-top-right-radius: 16px; | ||||
background-color: var(--violet-dark-100); | background-color: var(--violet-dark-100); | ||||
position: absolute; | position: absolute; | ||||
bottom: -16px; | bottom: -16px; | ||||
} | } | ||||
.featureCardsContainer { | |||||
display: grid; | |||||
grid-template-columns: repeat(3, 1fr); | |||||
gap: 40px; | |||||
margin-top: 48px; | |||||
} | |||||
/* 2*16(padding) + 3*432(cards) + 2*40(gap) */ | |||||
@media screen and (max-width: 1408px) { | |||||
.featureCardsContainer { | |||||
grid-template-columns: repeat(2, 1fr); | |||||
} | |||||
} | |||||
/* 2*16(padding) + 2*432(cards) + 40(gap) */ | |||||
@media screen and (max-width: 936px) { | |||||
.featureCardsContainer { | |||||
grid-template-columns: repeat(1, 1fr); | |||||
} | |||||
} |