fix: use aspect ratio to correctly size iframes

2026-08-10 10:52:45 +02:00 · 2021-04-15 11:56:50 +01:00
parent eb97775dbd
commit 542c44642f
1 changed files with 14 additions and 0 deletions
@@ -76,4 +76,18 @@ export default {
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #d1d1d663;
 }
+
+.blog > iframe {
+  @apply mx-auto;
+  @apply max-w-full;
+  height: auto;
+  aspect-ratio: 16 / 9;
+}
+
+@supports not (aspect-ratio: 1 / 1) {
+  .blog > iframe {
+    @apply h-52;
+    @apply sm:h-80;
+  }
+}
 </style>