Make image/videos wider than paragraphs also on mobile

1 files changed, 9 insertions, 3 deletions

diff --git a/assets/css/site.css b/assets/css/site.css
index b92d563..5f8fdcb 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -61,14 +61,20 @@ html {
 }
 
 /* Make images/videos wider than post width, like Medium */
+.article__content > p > img,
+.article__content > video,
+.article__content > .wide {
+  max-width: 100vw;
+  position: relative;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
 @screen lg {
   .article__content > p > img,
   .article__content > video,
   .article__content > .wide {
     @apply max-w-4xl;
-    position: relative;
-    left: 50%;
-    transform: translateX(-50%);
   }  
 }