[wp-meta] [Making WordPress.org] #2857: News blog on Firefox for android and facebook falls out of content

[Making WordPress.org]

#2857: News blog on Firefox for android and facebook falls out of content
---------------------------+-----------------------
 Reporter:  dingo_bastard  |      Owner:
     Type:  defect         |     Status:  new
 Priority:  high           |  Milestone:
Component:  General        |   Keywords:  has-patch
---------------------------+-----------------------
 When I opened the news on facebook about the new release I noticed that I
 can scroll vertically.

 I checked Chrome, and there it looked fine. I went to check the Firefox
 browser on android and the same thing happened.

 From what I've managed to inspect, it seems that the iframe holding the
 video overflows the container.

 Also `.col-9` in the `wp4.css` on line 2103 has left and right margins set
 to 14px, but shouldn't those be paddings? I also noticed that firefox sets
 the `box-sizing` to `content-box`, which is not ok. Why isn't it set to
 global?

 {{{#!css
 html {
   box-sizing: border-box;
 }
 *, *:before, *:after {
   box-sizing: inherit;
 }
 }}}

--
Ticket URL: <https://meta.trac.wordpress.org/ticket/2857>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org