Text Overflow and Button Overlap in Mobile View on Case Study Page

[harshita9104]

Describe the bug
In the mobile view of the KubeEdge website case study page, the text content overflows and gets cut off, making it unreadable. The "READ CASE STUDY" button also overlaps with the text, affecting the UI/UX experience.

To Reproduce
Steps to reproduce the behavior:

Go to the KubeEdge case study page on a mobile device
Click on case studies.
Observe that the text is cut off and unreadable.
Notice the "READ CASE STUDY" button overlapping the text.

Expected behavior
The text should be fully visible without being cut off, and the button should not overlap the text. The content should be properly responsive for mobile view.

Screenshots

[harshita9104]

/assign

[harshita9104]

Hello @kevin-wangzefeng , @anvithks , @edisonxiang ,

Kindly review the PR linked with this issue, if any modifications are required please let me know!!

Thank you!

[stale]

Hello 👋 Looks like there was no activity on this issue for last 90 days.
Do you mind updating us on the status? Is this still reproducible or needed? If yes, just comment on this PR or push a commit. Thanks! 🤗
If there will be no activity for 60 days, this issue will be closed (we can always reopen an issue if we need!).

[harshita9104]

yes its needed

Hello 👋 Looks like there was no activity on this issue for last 90 days. Do you mind updating us on the status? Is this still reproducible or needed? If yes, just comment on this PR or push a commit. Thanks! 🤗 If there will be no activity for 60 days, this issue will be closed (we can always reopen an issue if we need!).