[wp-trac] [WordPress Trac] #48619: Twenty Twenty: Author bio and bottom post meta misaligned on mobile

[WordPress Trac]

#48619: Twenty Twenty: Author bio and bottom post meta misaligned on mobile
---------------------------+-----------------------------
 Reporter:  Anlino         |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:  5.3
 Severity:  normal         |   Keywords:
  Focuses:                 |
---------------------------+-----------------------------
 On screens thinner than 660px, the author bio, tags and edit links
 displayed beneath the entry content on single posts (and pages, for the
 edit link) are misaligned with the main content column of the theme.

 This is caused by `width: calc( 100% - 4rem )` being applied to both those
 elements and to the wrapping `<div class="section-inner">` element.

 **Steps to reproduce:**
 1. View a single post/page when tags, edit link or the author bio is
 visible.
 2. Resize the browser to a screen size thinner than 660px (most noticeable
 on mobile screen sizes).

 **Suggested solution:**
 The author bio, edit link and tags are wrapped in a `<div class="section-
 inner">` element. Adding the `thin` class to that element will constrain
 it to the same 580px max width as the entry content, which means that the
 `width` and `max-width` properties can be removed from the `.author-bio`
 and `.post-meta-wrapper` elements.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/48619>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform