(Cannot come up with a better subject line, sorry.)

I'm working on improving the mediawiki.org frontpage in https://www.mediawiki.org/w/index.php?title=MediaWiki/Homepage_improvements_...

In the previous phase we defined the audiences to address. The current phase is about defining which information and links to present to each audience on https://www.mediawiki.org .

The next phase in early January will be about defining the layout. Ideally it's informative, attractive, responsive. Does anyone have guidelines, tips & tricks, recommendations to share?

Probably one 'box' for each audience like currently, but also working fine on smaller screens. My minimal knowledge of CSS makes me think of terms like "grid" and "flex-box" [1] but I'm not sure what's best (plus how much custom CSS to add to the frontpage though on the other hand the use of custom templates is maybe already an existing equivalent?).

Opinions? Any examples?

Thanks in advance, andre

[1] Uh, Vector and flex-box: https://phabricator.wikimedia.org/T120818