Merge pull request #1736 from conda-forge/iframe

ENH fix up youtube rendering

Author: beckermr

css/theme.css

@@ -288,7 +288,7 @@ a:focus {
 }
 
 .content-section {
-  padding-top: 100px;
+  padding-top: 60px;
 }
 
 .intro {
@@ -309,7 +309,6 @@ a:focus {
 .contribute-section {
   width: 100%;
   padding: 60px 0;
-  padding-top: 120px;
   color: #fff;
   background-color: #cd5c5c;
   -webkit-background-size: cover;
@@ -320,7 +319,7 @@ a:focus {
 
 @media (min-width: 767px) {
   .content-section {
-    padding-top: 200px;
+    padding-top: 60px;
   }
 }
 
@@ -414,7 +413,6 @@ body {
 
 .responsive {
   max-width: 100%;
-  height: auto;
 }
 
 /*  https://stackoverflow.com/a/25517025 */

index.html.tmpl

@@ -113,6 +113,8 @@
     <section id="about" class="container content-section">
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2 padded">
+                <br/>
+                <br/>
                 <h2 class="text-center">About conda-forge</h2>
                 <p>
                   <a href="https://github.com/conda-forge">conda-forge</a> is a GitHub organization containing repositories of conda recipes.
@@ -190,16 +192,18 @@
                   or watching the following episode of
                   <a href="https://www.quansight.com/open-source-directions">Open Source Directions</a>.
                 </p>
-                <p align="center">
-                    <iframe width="560" class="responsive" src="https://www.youtube.com/embed/EWh-BtdYE7M" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-                </p>
+                <div align="center">
+                    <iframe width="560" height="315" class="responsive" src="https://www.youtube.com/embed/EWh-BtdYE7M" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                </div>
             </div>
         </div>
     </section>
     <section class="content-section">
         <div id="contribute" class="contribute-section">
             <div class="container">
                 <div class="col-lg-8 col-lg-offset-2">
+                    <br/>
+                    <br/>
                     <h2 class="text-center">Contributing to conda-forge</h2>
                     <div class="text">
                     <p>