fix video sizing on narrow screens

afeld · afeld · commit f739758bf540 · 2025-01-28T00:22:51.000-05:00
diff --git a/_static/styles.css b/_static/styles.css
@@ -1,3 +1,8 @@
+video {
+  max-height: 50vh;
+  width: 100%;
+}
+
 /* match Google Docs styles for nested ordered lists */
 article ol ol li {
   list-style-type: lower-alpha;
diff --git a/lecture_3.ipynb b/lecture_3.ipynb
@@ -696,7 +696,7 @@
     "tags": []
    },
    "source": [
-    "<video controls width=\"700\" src=\"https://github.com/afeld/python-public-policy/raw/main/extras/img/pivot.mp4\"></video>"
+    "<video controls src=\"https://github.com/afeld/python-public-policy/raw/main/extras/img/pivot.mp4\"></video>"
    ]
   },
   {

Original file line number	Diff line number	Diff line change
`@@ -696,7 +696,7 @@`
`696`	`696`	`"tags": []`
`697`	`697`	`},`
`698`	`698`	`"source": [`
`699`		`- "<video controls width=\"700\" src=\"https://github.com/afeld/python-public-policy/raw/main/extras/img/pivot.mp4\"></video>"`
	`699`	`+ "<video controls src=\"https://github.com/afeld/python-public-policy/raw/main/extras/img/pivot.mp4\"></video>"`
`700`	`700`	`]`
`701`	`701`	`},`
`702`	`702`	`{`