fix pricing tier comparison headers

[krishkumar84]

Description

This PR fixes #6122

Notes for Reviewers
@leecalcote @Ajay-singh1 @sudhanshutech @vishalvivekm
kindly review this pr
iIn this PR, I made the pricing component header sticky, allowing the subscription tiers to remain visible throughout the scroll within the component

Uploading layer5.mp4…

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit 766e6c2 at: https://6773d865644e61242176d16b--layer5.netlify.app

[Ajay-singh1]

Hey! @krishkumar84 Can you see the margins between the table cell? It doesn't look good.Also can you make it look like this ....

Screencast.from.2024-12-31.18-53-44.mp4

[krishkumar84]

Hi @Ajay-singh1,

I have kept the design simple and aligned with the current site’s layout. The issue is about making the header sticky, which is why I haven't modified the styling of the table, as it is not necessary for this issue for design change we can create another issue ...

[Ajay-singh1]

Hi @Ajay-singh1,

I have kept the design simple and aligned with the current site’s layout. The issue is about making the header sticky, which is why I haven't modified the styling of the table, as it is not necessary for this issue for design change we can create another issue ...

Making the header sticky can be achieved quiet easily right?.We want the user experience to be good... make the necessary changes else everything is good.

[leecalcote]

Thank you for working on improving the site, gents.

[Ajay-singh1]

Can't you see the borders?.

[krishkumar84]

hey @Ajay-singh1 can you tell me the exact changes i have to do in this like in border or something

[Ajay-singh1]

@krishkumar84 Hmm....First you need to fix the borders do you see the black borders around table cells?

And make the table header look like this...

Screencast.from.2024-12-31.18-53-44.mp4