make-tier-comparison-header-sticky

[eyeaadil]

Description

This PR fixes #6122

Notes for Reviewers

Preview for commit:https://677805329d3a5b036e174e6e--layer5.netlify.app/

After changes

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit 09c907a at: https://677805329d3a5b036e174e6e--layer5.netlify.app

[Ajay-singh1]

Fix the borders

[eyeaadil]

Fix the borders

can you please specify which border you are talking about?

[Ajay-singh1]

This border

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

And make it something like this so that when the user scrolls the header stucks to the top until it reaches the bottom of the container.

[leecalcote]

Is this PR a duplicate of #6138?

[Venkata-Sai-Vishwanath-robo]

This PR looks pretty neat, but there is an extra space at the end of the table. This space grows larger as the window size decreases, which might misleadingly suggest that something hasn't rendered correctly or is still loading. A better use of this space could be to place call-to-action buttons there as well. Positioning the buttons in this spot would make it more convenient for users to access the free trial option without needing to scroll back to the top.
The call-to-action buttons could be added after the approval from @leecalcote

[Venkata-Sai-Vishwanath-robo]

This border

Screencast.from.2024-12-31.18-53-44.mp4
And make it something like this so that when the user scrolls the header stucks to the top until it reaches the bottom of the container.

@Ajay-singh1 I like the idea of having the header stick to the top, as shown in the video. However, don’t you think the table's content, including the expanded sections, might be too extensive? This could force users to scroll through everything, even if they’re not interested.

[Ajay-singh1]

@Venkata-Sai-Vishwanath-robo Yeah! I agree with you.