Fix shrinking of figures in narrow viewports

servo · Sep 20, 2024 · f176dc4 · f176dc4
1 parent 73da0a0
commit f176dc4
Showing 1 changed file with 13 additions and 12 deletions.
diff --git a/_posts/2024-09-01-devtools.md b/_posts/2024-09-01-devtools.md
@@ -71,9 +71,6 @@ We would like to thank Outreachy for offering this internship.
     ._fig > ._flex {
         display: flex;
     }
-    ._fig._min {
-        width: min-content;
-    }
     ._fig table {
         text-align: initial;
     }
@@ -88,24 +85,22 @@ We would like to thank Outreachy for offering this internship.
     }
     ._figl {
         float: left;
+        max-width: 100%;
     }
     ._figr {
         float: right;
         clear: right;
+        max-width: 100%;
     }
+    ._figl > figcaption,
+    ._figr > figcaption,
     ._figl > iframe,
     ._figr > iframe,
+    ._figl > video,
+    ._figr > video,
     ._figl > a > img,
-    ._figr > a > img,
-    ._figr figcaption {
+    ._figr > a > img {
         width: 33em;
-        max-width: max-content;
-    }
-    ._figl._default > iframe,
-    ._figr._default > iframe,
-    ._figl._default > a > img,
-    ._figr._default > a > img {
-        width: auto;
         max-width: 100%;
     }
     ._runin {
@@ -121,4 +116,10 @@ We would like to thank Outreachy for offering this internship.
         border-bottom: 1px solid;
         padding-bottom: 1em;
     }
+    ._note {
+        margin: 1em 1em;
+        border-left: 1px solid;
+        padding-left: 1em;
+        opacity: 0.75;
+    }
 </style>