fixes vertical spacing on video

diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
index dcf9bf815fd8a92369222c86c674152afde2c4af..f74a6e9e5b3caea753a446ecdc5d22a8c4bd83c1 100644 (file)
--- a/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@ -240,3 +240,7 @@ a[data-open-video] {
     align-items: center;
   }
 }
+
+.mb1 {
+  margin-bottom: 1rem;
+}

diff --git a/docs/pages/starter-projects.md b/docs/pages/starter-projects.md
index c3d3240e36fc917e6ad1997885b5c6d2d66248a4..b208d27014de43d044d0532a60770f76b547deff 100644 (file)
--- a/docs/pages/starter-projects.md
+++ b/docs/pages/starter-projects.md
@@ -22,12 +22,11 @@ It's also possible to download the template files directly from GitHub. Run `npm
 
 ## ZURB Template
 
-<div class="responsive-embed widescreen">
+<div class="responsive-embed widescreen mb1">
   <iframe id="zurb-template-starter" data-linkable-video='3Uj74uJ3GSQ' width="500" height="315" src="//www.youtube.com/embed/3Uj74uJ3GSQ?enablejsapi=1" enablejsapi="1" frameborder="0" allowfullscreen ></iframe>
   <a id="docs-mobile-video-link" class="docs-mobile-video" target="_blank" href="https://www.youtube.com/watch?v=3Uj74uJ3GSQ"></a>
 </div>
 
-
 The official ZURB Template includes not only Sass processing, but also JavaScript processing, Handlebars templating, and image compression. We use this exact template at ZURB for our client work!
 
 You can set up an advanced project through the Foundation CLI with this command: