Why Does My Embedded Content Look Weird?

In most cases this is due to your embed code having exact pixel dimensions instead of percentage based dimensions. 

For example if you have a line in the embed code that says:

width: 250px; height: 300px

This will cause the embed to spill over into other columns / rows if the sizing isn't perfect. Additionally it will not adapt properly to mobile / tablet views of your site. 

The solution is to try something like this:

width: 100%; height: 100%

By using percentages the embed will adapt to the size of the container it is inside. Using 100% tells the embedded element to size itself to fill up all available space. It will also resize on different devices. 

You may have to play with the percentages to get your desired effect.