Divi Responsive Design: A Better Mobile-First Workflow
Responsive design is not the act of shrinking a desktop page. It is choosing what content needs to remain prominent, how it should reflow, and where controls need more room for touch.
Design the reading order
A two-column desktop layout becomes a sequence on mobile. Make sure that sequence still tells the right story.
Use fluid spacing carefully
Avoid giant fixed gaps that collapse badly on small screens.
Touch targets
Buttons and navigation controls need enough physical size and separation.
Test real content
Placeholder text often hides wrapping and height problems. QA with the actual copy.
A practical way to decide
Use this page as a shortlist, then test the workflow against a real page you expect to maintain. Pay attention to editing speed, responsive behavior, reusable styles, licensing and how comfortable the future editor will be making routine changes.