Button doesn't scroll back to original expanded position

[Jeffrin2005]

Description

When clicking "Read More" on a workshop card in the Cloud Native Workshops grid (at /learn/workshops), the card expands correctly. However, when clicking "Read Less", the card doesn't scroll back to its original row position where it was expanded from.

Expected Behavior

When clicking "Read Less", the page should smoothly scroll back to the exact row position where the card was originally expanded from

Video Clip

https://github.com/user-attachments/assets/7605553d-c9b4-4f4f-91e8-65838c89c444

Environment:

• Host OS:
• Browser:

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[ivioje]

Hello @Jeffrin2005! Can I help fix this issue?

[Jeffrin2005]

@ivioje Sure. you can tag the team members for working this issue - vivkevishal or leecalcote. cc: @vishalvivekm @leecalcote

[ivioje]

@ivioje Sure. you can tag the team members for working this issue - vivkevishal or leecalcote. cc: @vishalvivekm @leecalcote

Alright. Thanks! Hello @vishalvivekm @leecalcote

I confirm that I've read the CONTRIBUTING.md file.

[oseniabdulhaleem]

Any update on this @ivioje

@vishalvivekm Can I work on this issue?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[HIMU-2001]

hello @Jeffrin2005 @vishalvivekm ,

Could i be assigned this issue.

Approach to fix the issue: Store the scroll position of the card when "Read More" is clicked, and on "Read Less", use window.scrollTo with smooth behavior to scroll back to that stored position.