What problem does it solve?
It helps teams translate a Desktop “DD” editorial experience into a mobile reading experience that stays true to the authored rhythm instead of shrinking into generic single-column UI.
Core Features & Use Cases
- Mobile-first layout rules: Collapse to one reading column, reduce chrome aggressively, and inline media rail content directly after the relevant paragraph or section.
- Typography & spacing preservation: Keep generous spacing, maintain a readable baseline around 16px body text with tall line height, and preserve quiet monospaced section labels.
- Control & motion adaptation: Make hover-dependent affordances visible/touch-friendly, simplify motion, and avoid overloading the viewport while keeping tactile feel.
Core Features & Use Cases
- Use Case: You have an article prototype with multi-column DD components and a side media rail; you want a responsive breakpoint that keeps the “DD feel” while producing a comfortable phone reading flow.
Quick Start
Use dd-mobile-reading to adapt an existing DD/editorial page for mobile by collapsing to a single authored column, inlining the media rail after its associated section, and updating typography, controls, and motion to match touch-first reading.
