Title bug on /showcase/

[themeeverest]

When entering wp.org/showcase/ on a mobile device the title gets too large for the header:
​https://i.imgur.com/yYtXOMm.png

It looks fine on tablets and other larger devices:
​https://i.imgur.com/O8pGnO4.png

A media query reducing the H2 size to 20px on mobile devices would fix it.

I think it's a shame that it's buggy when people enter the "showcase" page, since it's their first impression on the worlds best CMS :-)

[Otto42]

Yeah, the inspector shows me that it breaks that title at 420px wide.

The rest of the page starts to break down at 310px, in some rather interesting ways.

[ck3lee]

@themeeverest,

attachment:4362.diff​ fixes the responsive issue by wrapping the title using flex and setting a minimum width to the header.

See screenshot above for the responsive screen @ 300px wide.
I have not reduced the font size in this patch, but I'm happy to do that if you think that is still necessary.

[themeeverest]

Looks much better @ck3lee :-)

Awesome!

[coffee2code]

In 8916:

wp4: Fix display of old-style page titles (as seen in Showcase) at narrow viewports.

Props ck3lee, themeeverest.
Fixes #4362.