diff options
| author | Teddy Wing | 2018-11-20 12:11:01 +0100 |
|---|---|---|
| committer | Teddy Wing | 2018-11-20 12:11:01 +0100 |
| commit | 5619d57b5736067000de4919452bbb0392a43a3e (patch) | |
| tree | 1cf891db4877ca386d355586a1aa148200d41f59 | |
| parent | 7d7ac8d747be198088664e45e5423919d9876651 (diff) | |
| download | dome-key-web-5619d57b5736067000de4919452bbb0392a43a3e.tar.bz2 | |
Keep video aspect ratio at small screen widths
At small screen widths, the video's height would stay fixed at the pixel
value defined in its `height` attribute. Ensure that when its width
becomes dependent on the window width, the height follows accordingly.
| -rw-r--r-- | assets/styles.css | 1 | ||||
| -rw-r--r-- | assets/stylesheets/layout.hcss | 1 |
2 files changed, 2 insertions, 0 deletions
diff --git a/assets/styles.css b/assets/styles.css index 5db5988..afcac9b 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -170,6 +170,7 @@ ul { @media screen and (max-width: 870px) { .content video { width: 100%; + height: auto; margin-left: 0; } } diff --git a/assets/stylesheets/layout.hcss b/assets/stylesheets/layout.hcss index 3eff9d4..98fdca6 100644 --- a/assets/stylesheets/layout.hcss +++ b/assets/stylesheets/layout.hcss @@ -116,6 +116,7 @@ ul { @media screen and (max-width: 870px) { .content video { width: 100%; + height: auto; margin-left: 0; } } |