dailies: add a max-width of 100% to media

Signed-off-by: Amneesh Singh <natto@weirdnatto.in>
2022-11-02 17:35:56 +05:30
parent af4287a66a
commit 0b845d6f71
5 changed files with 35 additions and 6 deletions
--- a/css/default.css
+++ b/css/default.css
@@ -213,6 +213,25 @@ pre {
  max-width: 40%;
 }

+img, video {
+  max-width: 100%;
+}
+
+.iframe-parent {
+  max-width: 100%;
+  position: relative;
+  height: 0;
+  padding-bottom: 56.25%
+}
+
+.iframe-parent iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
@media (max-width: 319px) {
  body {
    width: 90%;