[wp-trac] [WordPress Trac] #45858: Twenty Nineteen: Container content cut off on the right for specific browser widths

[WordPress Trac]

#45858: Twenty Nineteen: Container content cut off on the right for specific
browser widths
--------------------------+-----------------------------
 Reporter:  arunsathiya   |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Taxonomy      |    Version:
 Severity:  normal        |   Keywords:
  Focuses:                |
--------------------------+-----------------------------
 Originally reproduced here:
 https://github.com/Automattic/jetpack/issues/11058

 **Steps to reproduce:**

 - Install Twenty Nineteen on a site
 - Create a post or a page
 - Write content (or, what works best for reproducing is when one is using
 Jetpack's tiled gallery with circles layout)
 - Add a few images on that tiled gallery

 **What is expected?**

 The images appear in circles layout in full

 **What happens instead?**

 A few images are cut off, on the right

 **Notes:**

 After a bit of investigation on that Jetpack issue, the issue seems to be
 specific to this CSS declaration:


 {{{
 @media only screen and (min-width: 1168px) {
   .entry .entry-content > *,
   .entry .entry-summary > * {
     max-width: calc(6 * (100vw / 12) - 28px);
   }
 }
 }}}

 It seems to impact all containers at specific browser widths.

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