kubeedge / kubeedge/website

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

Open
#673 4 comments 0 reactions 1 assignee Claimed by @harshita9104 View on GitHub
Dominant language
MDX
Stars
64
Forks
203
Avg merge
5d 22h
Merged PRs (30d)
8

Description

**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**

![Image](https://github.com/user-attachments/assets/1b14d516-fb9f-493d-b13a-c0200ad9d1be)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.