mirror of
https://github.com/kennethreitz/kjvstudy.org.git
synced 2026-06-05 23:00:16 +00:00
kennethreitz
202048de08
Comprehensive mobile optimization: Tablet screens (max-width: 768px): - Adjust article width to 95% with reduced padding - Optimize typography: scaled heading sizes, readable line height - Full-width content sections (remove max-width constraints) - Sidenotes display inline with left border for readability - Vertical stacking: plan stats, share buttons, lookup form - Single column grids for books, plans, topics - Responsive breadcrumbs with wrapping - Optimized verse text sizing - Horizontal scroll for tables - Adjusted epigraph styling Phone screens (max-width: 480px): - Full width article (100%) with minimal padding - Further reduced heading sizes - Smaller verse text for readability - Repositioned dark mode toggle All responsive changes use !important where needed to override inline styles in templates. Ensures comfortable reading and navigation on all mobile devices. Dark mode toggle retained on mobile (repositioned). Sidebar auto-hides on screens under 1200px width. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>