[wp-trac] [WordPress Trac] #49435: twentytwenty theme: inconsistent top and bottom margins for .alignwide and .alignfull on Chrome vs Safari (cross browser issue)

[WordPress Trac]

#49435: twentytwenty theme: inconsistent top and bottom margins for .alignwide and
.alignfull on Chrome vs Safari (cross browser issue)
--------------------------+-----------------------------
 Reporter:  kthmd         |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Themes        |    Version:  5.3.2
 Severity:  normal        |   Keywords:
  Focuses:  css           |
--------------------------+-----------------------------
 I've noticed on the latest WordPress and twentytwenty theme that there is
 an inconsistency in top and bottom margins, notably Chrome ignores lines
 **style.css:5296** and **style.css:5942** - so Chrome does not have the
 margins, but Safari does. This seems to be quite a large layout issue
 cross browser.

 For example, use default twentytwenty theme, go to sample page and edit,
 create a cover block, set to fullwidth, and notice the top and bottom
 margin difference in Chrome (v80) and Safari (v13)

 **style.css:5296**
 {{{
         .entry-content .alignwide:not(.wp-block-group.has-background),
         .entry-content .alignfull:not(.wp-block-group.has-background) {
                 margin-bottom: 6rem;
                 margin-top: 6rem;
         }
 }}}

 **style.css:5942**
 {{{
         .entry-content > .alignwide:not(.wp-block-group.has-background),
         .entry-content > .alignfull:not(.wp-block-group.has-background) {
                 margin-bottom: 8rem;
                 margin-top: 8rem;
         }
 }}}

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