[ECO Bounty] ioTex Hub Hermes User Guide – Feature card text overlap on mobile viewport

Description
When accessing the Hermes User Guide from the IoTeX Hub staking FAQ, the descriptive text under the feature cards (“Trusted” and “Automated”) renders incorrectly on mobile. The two columns of text appear to overlap or merge into a single garbled line, making the content unreadable.

Steps to Reproduce

1. Navigate to https://hub.iotex.io/staking#faq on an Android mobile device.

2. Expand the “How Hermes works?” accordion.

3. Tap the “Here” hyperlink (pointing to https://hermes.to/user-guide).

4. Once the Hermes page loads, scroll to the “Welcome to Hermes!” section.

5. Observe the two feature cards below the introductory paragraph.

Expected Result
• Trusted card should display: “Guaranteed by verified smart contracts (open source)”
• Automated card should display: “Automatic daily rewards calculation and distribution”
• Each description should be contained within its respective card without overlapping adjacent text.

Actual Result
The text from both cards appears merged/overlapping:
“Guaranteed by verified smarttomatic daily rewards contracts (open sourcecalculation and distribution”

The words “smart” and “automatic” are concatenated, and “open source” runs into “calculation”, indicating a CSS layout or flexbox/grid overflow issue where the two columns are not properly separated or wrapping.

Screenshots

1. Screenshot 1: hermes.to/user-guide showing the garbled text overlap (orange arrow points to the affected area).

2. Screenshot 2: IoTeX Hub staking FAQ showing the “Here” link that directs to the affected page.

Suggested Fix
• Add flex-direction: column or ensure flex-wrap: wrap is applied to the feature card container for narrow viewports.
• Increase horizontal padding (padding-left/right) on the description text to prevent column bleed.
• Ensure each card has a defined min-width or flex-basis: 50% with box-sizing: border-box to maintain separation on mobile screens.

Wallet Address: io1tkw393kejmxwnd454twc6020sxcyvh5dxqmren

Device & Environment:

-Operating system: Android 13

-Device model: Redmi Note 10 Pro