[wp-trac] [WordPress Trac] #48688: TwentyTwenty: Issue with instagram oembed css

[WordPress Trac]

#48688: TwentyTwenty: Issue with instagram oembed css
---------------------------------------+------------------------------
 Reporter:  SGr33n                     |       Owner:  nielslange
     Type:  defect (bug)               |      Status:  assigned
 Priority:  normal                     |   Milestone:  Awaiting Review
Component:  Bundled Theme              |     Version:  trunk
 Severity:  normal                     |  Resolution:
 Keywords:  has-screenshots has-patch  |     Focuses:  css
---------------------------------------+------------------------------

Comment (by JarretC):

 Was able to replicate this using Classic Editor. The IG embed shows as
 centered in the post editing screen on Visual tab, however on the front
 end of the site the embed is aligned left.

 The HTML for the iframe looks like this

 {{{<iframe class="instagram-media instagram-media-rendered" id="instagram-
 embed-0"
 src="https://www.instagram.com/p/BujXjQ4gx5w/embed/captioned/?cr=1&v=12&wp=580&rd=http%3A%2F%2Flocalhost%3A8888&rp=%2F2019%2F11%2F18%2F2270%2F#%7B%22ci%22%3A0%2C%22os%22%3A1771.439999996801%2C%22ls%22%3A1440.4500000018743%2C%22le%22%3A1444.3299999984447%7D"
 allowtransparency="true" allowfullscreen="true" frameborder="0"
 height="872" data-instgrm-payload-id="instagram-media-payload-0"
 scrolling="no" style="background: white;max-width: 580px;width: 1370px
 ;border-radius: 3px;border: 1px solid rgb(219, 219, 219);box-shadow:
 none;display: block;margin: 0px 0px 12px;min-width: 326px;padding: 0px;"
 data-origwidth="" data-origheight="872"></iframe>}}}

 Which has some inline margin styling causing it to align incorrectly from
 what is displayed in the editing screen.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/48688#comment:7>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform