[BUG] Case Studies page table is not mobile responsive

[idanidan29]

Describe the bug.

The table in the Case Studies page is not properly adjustable for mobile view. When accessed on smaller screens, many of the table's columns are not visible, causing important data to be cut off and difficult to follow.

Expected behavior

The table should be responsive collapsed into a mobile-friendly format so all the information remains accessible and readable on mobile devices.

Screenshots

How to Reproduce

1. Navigate to the Case Studies page on a mobile device or reduce your browser width to a mobile size.
2. Scroll to the table section.
3. Observe that the table overflows and data is not visible or aligned.

🖥️ Device Information [optional]

• Operating System (OS):
• Browser:
• Browser Version:

👀 Have you checked for similar open issues?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[vishvamsinh28]

@idanidan29 you can work on this issue 👍

[Devnil434]

Can I work on this issue @vishvamsinh28