Ensure cover images show in article carousel

This commit is contained in:
Matthew Grove
2019-03-06 18:23:13 +00:00
parent 55ac39b145
commit d903886346
9 changed files with 178 additions and 156 deletions

View File

@@ -15,27 +15,31 @@
/* adjust video dimensions depending on screen size */
iframe {
width: 100%;
height: calc(68.8vw / 16 * 9);
width: 100%;
height: calc(68.8vw / 16 * 9);
}
@media screen and (max-width: 1550px) {
iframe {
width: 100%;
height: calc(70vw / 16 * 9 - 6px);
}
iframe {
width: 100%;
height: calc(70vw / 16 * 9 - 6px);
}
}
@media screen and (max-width: 800px) {
iframe {
height: calc(90vw / 16 * 9 - 5px);
}
.mdc-typography--headline3, .mdc-typography--headline5 {
font-size: 1.5rem;
line-height: 1.625rem;
}
}
@media screen and (max-width: 600px) {
iframe {
height: calc(90vw / 16 * 9 - 5px);
}
}
@media screen and (max-width: 600px) {
iframe {
height: calc(93.5vw / 16 * 9);
}
iframe {
height: calc(93.5vw / 16 * 9);
}
}