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