Slide bracket horizontally like demo on mobile

[ElijahPrince73]

I want to be able to scroll horizontally on mobile and not change the view to a column layout

How can I do that

`const CustomSeed = ({ seed, breakpoint, roundIndex, seedIndex }) => ( <Seed mobileBreakpoint={breakpoint}> <SeedItem className="border border-grey-3 bg-black">

<SeedTeam>{seed.teams[0]?.name || 'NO TEAM '}</SeedTeam> <SeedTeam>{seed.teams[1]?.name || 'NO TEAM '}</SeedTeam>

</SeedItem> </Seed> );

const Component = () => ( <Layout> <Bracket rounds={rounds} roundTitleComponent={(title) => ( <div className="text-2xl text-center font-bold text-white">{title} )} renderSeedComponent={CustomSeed} swipeableProps={{ enableMouseEvents: true, animateHeight: true, style: { padding: '0 50px 0 0', }, }} /> </Layout> );`

[MahmoudTarekAli]

same issue did you find a solution yet ?

[MWTuttle]

Have both of you been successful in getting this to run on mobile?

[MahmoudTarekAli]

No ended up using a different library called @g-loot/react-tournament-brackets