Description:
On mobile widths (~390px), the three hero buttons (Overview, Getting Started, Try Online) overlap each other instead of stacking cleanly.
Steps to reproduce: Visit docs.accordproject.org on a mobile device or narrow browser viewport (<480px)
Screenshot:
Cause: .pluginRowBlock has no responsive layout rules; buttons rely on inline-block wrapping with no vertical spacing.
Context (Environment)
Desktop
- OS: Windows
- Browser: Edge browser
Mobile (where bug observed)
- Device: simulated via Edge DevTools
- Viewport width: ~390px
Happy to submit a PR with a fix if that's welcome!
Description:
On mobile widths (~390px), the three hero buttons (Overview, Getting Started, Try Online) overlap each other instead of stacking cleanly.
Steps to reproduce: Visit docs.accordproject.org on a mobile device or narrow browser viewport (<480px)
Screenshot:
Cause: .pluginRowBlock has no responsive layout rules; buttons rely on inline-block wrapping with no vertical spacing.
Context (Environment)
Desktop
Mobile (where bug observed)
Happy to submit a PR with a fix if that's welcome!