Allow responsive Iframes and make sure, Images won't break the layout
This commit is contained in:
parent
88f03612b0
commit
64690ff2ed
22
css/skeleton.css
vendored
22
css/skeleton.css
vendored
@ -416,3 +416,25 @@ there.
|
||||
|
||||
/* Larger than Desktop HD */
|
||||
@media (min-width: 1200px) {}
|
||||
|
||||
/* Responsive Embeds. Use div class="fluidMedia" and then add embedding code */
|
||||
.fluidMedia {
|
||||
padding-bottom: 56.25%;
|
||||
padding-top: 30px;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fluidMedia iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* make sure, images won't crash the layout */
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user