diff --git a/scss/partials/_video.scss b/scss/partials/_video.scss index 2f30582..a0e0fea 100644 --- a/scss/partials/_video.scss +++ b/scss/partials/_video.scss @@ -1,13 +1,17 @@ -/* Center Youtube Videos */ - -iframe { - display: block; - margin: auto; - max-width: 100%; +// Youtube Videos +div.yt { + position: relative; + padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ + iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } } -/* Video */ - +// Other Videos video { max-width: 100%; }