feat(WEB-314): render current benefit cards with carousel on mobile
This commit is contained in:
@@ -21,6 +21,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
text-wrap: balance;
|
text-wrap: balance;
|
||||||
}
|
}
|
||||||
.titleValue {
|
.titleValue {
|
||||||
|
|||||||
@@ -37,7 +37,7 @@ export default async function CurrentBenefitsBlock({
|
|||||||
<section className={styles.container}>
|
<section className={styles.container}>
|
||||||
<Header title={title} link={link} subtitle={subtitle} />
|
<Header title={title} link={link} subtitle={subtitle} />
|
||||||
|
|
||||||
<CardGrid>
|
<CardGrid isMobileCarousel={true}>
|
||||||
{currentLevel.benefits.map((benefit, idx) => (
|
{currentLevel.benefits.map((benefit, idx) => (
|
||||||
<Link
|
<Link
|
||||||
href={benefit.href}
|
href={benefit.href}
|
||||||
|
|||||||
Reference in New Issue
Block a user