You uploaded your manuscript to KDP, opened it on your phone, and found chapter titles floating beside images from three pages ago. Fixed-width layouts and absolute units are the silent killers of professional e-book formatting, turning your carefully designed book into a broken mess on e-readers.
The Semantic-First Principle
The foundation of device-agnostic ePub3 lies in semantic HTML paired with mobile-first CSS using relative units. Instead of rigid font-size: 12pt or margin-left: 50px that break on smartphones, AI-assisted workflows now enforce rem and em units through normalized CSS resets. This ensures that when a reader changes font families or rotates their screen on a Kobo or iPad, the hierarchy remains intact—images stay within their <figure> containers with max-width: 100%, and headings never wrap awkwardly around floated elements from previous chapters. Remember that backgrounds and borders often disappear in reading systems, so structure must carry the design weight.
Tool Spotlight: Reedsy Studio serves as your immediate reflow laboratory, allowing you to test how semantic structures adapt across devices without exporting final files.
Real-World Impact
After converting a DOCX with AI-assisted semantic mapping, a previously broken chapter heading that wrapped around a leftover floated image now clears correctly using proper structural markup, while the Table of Contents generated from Heading 1-3 styles validates perfectly against the NCX navigation document.
Implementation Roadmap
First, strip manual formatting and apply semantic Heading 1-3 styles exclusively throughout your manuscript, ensuring no manual tabs or spaces create false indentation. Second, configure your conversion workflow to replace absolute units with relative rem and em spacing while wrapping images in <figure> tags with percentage-based widths and proper alt text. Third, validate that your NCX navigation and internal links—including endnotes, cross-references, and "Back" button functionality—operate correctly across Reedsy Studio, Apple Books on mobile, and physical Kindle devices via "Send to Kindle."
Key Takeaways
Reflowable excellence demands relative units over absolute positioning, semantic HTML structure validated against navigation documents, and rigorous multi-device testing from Reedsy Studio to physical Kindles. Master these three pillars, and your ePub will deliver a consistent, professional reading experience whether viewed on a smartphone, tablet, or dedicated e-reader.
Top comments (0)