[wp-trac] [WordPress Trac] #61030: Font-size of the h1 tag need to be reduce in the mobile reposive view

[WordPress Trac]

#61030: Font-size of the h1 tag need to be reduce in the mobile reposive view
-------------------------------------------------+-------------------------
 Reporter:  dhruvang21                           |      Owner:  (none)
     Type:  defect (bug)                         |     Status:  new
 Priority:  normal                               |  Milestone:  Awaiting
                                                 |  Review
Component:  General                              |    Version:  6.5
 Severity:  normal                               |   Keywords:  needs-patch
  Focuses:  ui, accessibility, css,              |
  administration                                 |
-------------------------------------------------+-------------------------
 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>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform