Video Padding issue
<p>Hi guys I am currently having an issue here.</p>

<p>I have this page here: <a href="http://goo.gl/V0352s" rel="nofollow noreferrer">http://goo.gl/V0352s</a></p>

<p><a href="https://i.stack.imgur.com/Q9JeU.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q9JeU.jpg" alt="enter image description here"></a></p>

<p>Now my youtube video was cut off (its not even acting responsive) and I am trying to figure it out what might be the issue and how to solve it using CSS. i have the ff: HTML:</p>

<pre><code>    &lt;div style="width: 46%; float:left;height: 299px;"&gt;
    &lt;iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/h8NChiwfkFs?rel=0&amp;amp;controls=0&amp;amp;showinfo=0" frameborder="0" allowfullscreen=""&gt;&lt;/iframe&gt;
    &lt;/div&gt;

&lt;div style="float: right; width: 46%"&gt;
&lt;h5&gt;Description:&lt;/h5&gt;
&lt;p&gt;Promotional Video for iLiveAccountable. A local life coaching and training company. Owned by Tony Beatty and Michael Gardner.&lt;/p&gt;
&lt;h5&gt;Company&lt;/h5&gt;
&lt;p&gt;iLiveAccountable&lt;/p&gt;
&lt;h5&gt;Project Link&lt;/h5&gt;
&lt;p&gt;&lt;a href="https://goo.gl/JZ0Hfw" target="_blank"&gt;https://goo.gl/JZ0Hfw&lt;/a&gt;
&lt;/p&gt;&lt;/div&gt;
</code></pre>

<p>You can try to right click inspect element on Chrome to check on this real time.</p>

<p>Thanks for the help in advance!</p>