Improve footer responsiveness, widen breakpoint

[iftakharul-islam]

Fixes #339

Make the weDocs entry footer stack on small screens by switching footer.entry-footer.wedocs-entry-footer to column layout and stretching children. Ensure .help-content and .feedback-content use full width, remove right margin, and add bottom spacing for better stacking. Increase mobile breakpoint from max-width: 425px to max-width: 480px so mobile-specific rules apply to modern devices (390–430 CSS px wide).

Verified

Tested with Playwright at 390px, 430px, 768px, and 1280px viewports:

• 390/430px: footer stacks in a column, help box hidden, feedback box full width, zero horizontal overflow
• 768px: help + feedback stacked full width
• 1280px: desktop row layout unchanged (40/60 side by side)

Reported on wp.org: https://wordpress.org/support/topic/footer-alignment-12/

Summary by CodeRabbit

• Bug Fixes
  • Improved the layout of footer, help, and feedback sections on small screens.
  • Adjusted spacing and alignment for better readability on mobile devices.
  • Expanded responsive styling to support screens up to 480px wide.

[coderabbitai]

Walkthrough

Responsive LESS rules now stack and stretch footer entries, make help and feedback content full width with adjusted spacing, and apply the smallest-screen styles up to 480px instead of 425px.

Changes

Responsive layout adjustments

Layer / File(s)	Summary
Mobile layout rules src/assets/less/responsive.less	The 768px rules stack footer entries, stretch their alignment, expand help and feedback content to full width, and adjust help spacing. The smallest-screen breakpoint changes from 425px to 480px.

Estimated code review effort: 2 (Simple) | ~10 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the main changes: footer responsiveness improvements and a wider mobile breakpoint.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/css-breakpoints

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}