life-itself / life-itself/reasoncommons

Mobile: right-edge text clipping on narrow screens

Open
#20 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
1
Forks
0
Avg merge
4h 59m
Merged PRs (30d)
11

Description

On narrow mobile widths, running text clips at the right edge (headings and paragraphs cut off) with no right margin. This is pre-existing lessflowery theme behaviour — visible on /motivation and the pre-redesign homepage too, not introduced by the landing redesign.

Needs a real-device check (headless screenshots may exaggerate it) and, if real, a theme-level fix — likely padding/overflow-wrap on the .rendered-mdx content container.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Check the lessflowery theme styling for the .rendered-mdx content container, then reproduce the clipping on /motivation and the pre-redesign homepage using a real narrow mobile device. Compare the result with headless screenshots and confirm the finished change prevents right-edge clipping in headings and paragraphs without introducing layout issues.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
64/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.