dd-mobile-reading

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.