diff --git a/components/layoutForBlogPost.jsx b/components/layoutForBlogPost.jsx
index 6722b0a6..0e96968d 100644
--- a/components/layoutForBlogPost.jsx
+++ b/components/layoutForBlogPost.jsx
@@ -24,11 +24,11 @@ export default function Layout({
{children}
diff --git a/styles/posts-page.scss b/styles/posts-page.scss
index 910173dd..a0e7e097 100644
--- a/styles/posts-page.scss
+++ b/styles/posts-page.scss
@@ -520,23 +520,6 @@ figure, pre{
}
}
-@media only screen and (max-width: 600px) {
- figure{
- max-width:100%!important;
- img{
- max-width:100%!important;
- }
- }
- iframe{
- max-width: 100%!important;
- }
- .max-w-full{
- max-width: 100%!important;
- // max-width: 50rem!important;
- margin-left: 0rem!important;
- }
- }
-
.blog-page .blog-content video {
width: 100%;
}
@@ -800,4 +783,25 @@ figure, pre{
list-style:disc;
padding-left: 0.25rem;
}
-}
\ No newline at end of file
+}
+
+@media only screen and (max-width: 600px) {
+ figure{
+ max-width:100%!important;
+ img{
+ max-width:100%!important;
+ }
+ }
+
+ iframe{
+ max-width: 100%!important;
+ }
+ .blog-content figcaption, .blog-content iframe{
+ max-width: 100%!important;
+ }
+ .max-w-full{
+ max-width: 100%!important;
+ // max-width: 50rem!important;
+ margin-left: 0rem!important;
+ }
+ }
\ No newline at end of file