Tables in Make handbooks not responsive

[sumitsingh]

Lots of pages on responsive issue on meta site. Can we fix it. Because most of visitors use mobile device for this platform.
More information see mentioned video.

[sumitsingh]

Scroll past

[dd32]

Example: ​https://make.wordpress.org/meta/handbook/documentation/profile-badges/

[sumitsingh]

Solution
If we can put font-size 95% for mobile then all pages in tables responsive issue will fixed.

file => ​https://make.wordpress.org/meta/wp-content/themes/p2-breathe/style.css

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 95%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

[nidhidhandhukiya]

yiou ahve to add this code in the media query so it can be applied on media only and solved the issue.

[dd32]

#6136 was marked as a duplicate.

[coffee2code]

Fixed two years ago in [11821] as part of the similar #6139:

Breathe: Make tables horizontally scrollable at smaller viewports.

Does the job, but ideally tables should be truly responsive.

Props multidots1896, hilayt24, coffee2code.
Fixes #6139.

[sumitsingh]

Hey @coffee2code , why I haven't received Props in this ticket??

[dd32]

@sumitsingh This fix was made two years ago through a different ticket that you didn't participate in, so despite having feedback related to it, you weren't included in that tickets props..

This could've just been marked a duplicate of the closed #6139 instead.

[sumitsingh]

But this ticket is old as per existing one. My ticket is 6123 and another one 6139. And I think this ticket should take first and mark another one duplicate. But it's fine 😀