Add Responsive YT Video Embedding styling

The IBRACORP YouTube video embed was causing overflow scrolling horizontally on smaller screens/mobile devices.  Just tweaked some CSS to make the embed iframe responsive, which solves the horizontal overflow problem.
pull/1164/head
OhMyBahGosh 2 years ago committed by GitHub
parent 7c733e14b4
commit 8d523c3fbc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -188,3 +188,23 @@ a .logo-hover {
a:hover .logo-hover { a:hover .logo-hover {
display: block; display: block;
} }
/* Responsive YT Video Embedding */
.responsiveYT {
position: relative;
height: 0;
padding-top: 56%;
overflow: hidden;
max-width: 100%;
}
.responsiveYT iframe,
.responsiveYT object,
.responsiveYT embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsiveYT .fluid-vids {
position: initial !important
}

Loading…
Cancel
Save