Gatsby-theme-novela: Youtube embed

[fpigeonjr]

Version of Novela you are using
0.*

Number of posts you have and which data source
Local

Describe the bug
When I embed a Youtube video the video breaks the grid and flies left.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Youtube and copy the embed code'

<iframe width="560" height="315" src="https://www.youtube.com/embed/moTlZBY66Ng" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

1. Paste into a blog post markdown
2. See error

Expected behavior
Youtube video stays in the grid, not fly left.

Screenshots

Browser

• Browser [e.g. chrome, safari, iOS safari]
  Firefox
  Additional context
  Thanks love the project!

[brotzky]

A quick workaround would be to add a margin: 0 auto to the iframe and adjusting the video to also work on mobile.

Beauty of MDX is you can insert react components into your .mdx files :)

In the future we should better support iframes/embeds within Novela.

[fpigeonjr]

A quick workaround would be to add a margin: 0 auto to the iframe and adjusting the video to also work on mobile.

Beauty of MDX is you can insert react components into your .mdx files :)

In the future we should better support iframes/embeds within Novela.

Yes the work around worked for me. Thanks so much.