fix(post): apply dynamic height of jetpack git wrapper #98

Related to: INR-40
akiletour · Mar 31, 2023 · 281dadd · 281dadd
2 parents 640caaa + a14a53f
commit 281dadd
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/app/components/blog/PostBody.module.css b/src/app/components/blog/PostBody.module.css
@@ -110,3 +110,20 @@
 .content [class~=wp-block-gallery][class~=columns-3] [class~=blocks-gallery-grid] {
   @apply grid-cols-1 md:grid-cols-3;
 }
+
+.content [class~=wp-block-jetpack-gif-wrapper] {
+  height: 0;
+  margin: 0;
+  padding: calc(56.2% + 12px) 0 0;
+  position: relative;
+  width: 100%;
+}
+
+.content [class~=wp-block-jetpack-gif-wrapper] iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}