In order to consistently accommodate multiple screen sizes we need a responsive grid system.
This responsive grid should be based on the WikimediaUI baseline grid, which is operationally 4px, but is not yet formally defined and documented as such.
We had an [[ https://www.mediawiki.org/wiki/Requests_for_comment/Grid_system | RFC ]] and [[ https://gerrit.wikimedia.org/r/#/c/125387/ | an initial implementation ]] that needs some polishing. Additional work may be needed to make sure it works well with OOUI components.
Responsive grid requirements:
- Works with browsers in basic support of our https://www.mediawiki.org/wiki/Compatibility#Browser_support_matrix
- internationalization (i18n) ready
- Alignment to the WikimediaUI design systems (spacing multiplier of 4px equivalent)
-- Pre-requisite: Document the baseline grid for the WikimediaUI on the Design Styleguide