🪲 🎨 css: Prevent images and media from flowing off-screen

I embedded an image on the Working Group page, and it flowed far off-screen because it was bigger than the viewport. Just a simple catch to make sure media stays inside of its container. Signed-off-by: Justin W. Flory (he/him) [UNICEF Innovation] <[email protected]>
sustainers · Apr 9, 2021 · 0385b95 · 0385b95
1 parent c1e353d
commit 0385b95
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/_sass/pages/_wgs.scss b/_sass/pages/_wgs.scss
@@ -1,3 +1,9 @@
+/* Embed asset tweaks */
+figure, iframe, img, picture, video {
+    height: auto;
+    max-width: 100%;
+}
+
 .page-title {
     margin-bottom: 10vh;
 }