max height for landscape videos
This commit is contained in:
parent
157afaaf8f
commit
410ad67c38
1 changed files with 7 additions and 0 deletions
|
@ -33,6 +33,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
max-width: var(--container-width);
|
max-width: var(--container-width);
|
||||||
|
max-height: 80vh;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
//transition: opacity 0.4s;
|
//transition: opacity 0.4s;
|
||||||
|
|
||||||
|
@ -42,9 +43,15 @@
|
||||||
.frame {
|
.frame {
|
||||||
max-width: var(--container-width);
|
max-width: var(--container-width);
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
figure {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
max-height: 80vh;
|
||||||
|
margin: auto;
|
||||||
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
figcaption {
|
figcaption {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
Loading…
Reference in a new issue