[wp-trac] [WordPress Trac] #61030: Reduce font-size of Credits page h1 element for smaller screens (was: Reduce font-size of h1 element for smaller screens)

[WordPress Trac]

#61030: Reduce font-size of Credits page h1 element for smaller screens
-------------------------+-------------------------------------------------
 Reporter:  dhruvang21   |       Owner:  (none)
     Type:  defect       |      Status:  new
  (bug)                  |
 Priority:  normal       |   Milestone:  Awaiting Review
Component:  Help/About   |     Version:  6.5
 Severity:  normal       |  Resolution:
 Keywords:  needs-patch  |     Focuses:  ui, accessibility, css,
                         |  administration
-------------------------+-------------------------------------------------
Changes (by sabernhardt):

 * version:  6.4 => 6.5


Old description:

> Wordpress credits.php page font-size of the h1 tag is 4.5rem which is
> greater than the ideal font-size in the mobile responsive view and as a
> result of that it is breaking in the responsive view at media size of 355
> px as we know that The headings should be around 1.96 times larger than
> your body text to create a sufficient contrast. so the body text size is
> of 1.4em which means the h1 tag font-size should be 1.4em * 1.96 =
> 2.74em. the screenshot of the issue is also attached as below
>
> https://tinyurl.com/273bplzj
>
> Solution :-
>

> {{{
> @media screen and (max-width: 960px)
> .about-php .about__header-title h1, .contribute-php .about__header-title
> h1, .credits-php .about__header-title h1, .freedoms-php .about__header-
> title h1, .privacy-php .about__header-title h1 {
>     font-size: 2.74em;
> }
> }}}

New description:

 WordPress `credits.php` page: font-size of the h1 tag is 4.5rem which is
 greater than the ideal font-size in the mobile responsive view and as a
 result of that it is breaking in the responsive view at media size of 355
 px as we know that The headings should be around 1.96 times larger than
 your body text to create a sufficient contrast. so the body text size is
 of 1.4em which means the h1 tag font-size should be 1.4em * 1.96 = 2.74em.
 the screenshot of the issue is also attached as below

 https://tinyurl.com/273bplzj

 Solution :-


 {{{
 @media screen and (max-width: 960px)
 .about-php .about__header-title h1, .contribute-php .about__header-title
 h1, .credits-php .about__header-title h1, .freedoms-php .about__header-
 title h1, .privacy-php .about__header-title h1 {
     font-size: 2.74em;
 }
 }}}

--

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/61030#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform