Update docs demo margin

1 files changed, 3 insertions, 3 deletions

diff --git a/docs/src/contents/media.pug b/docs/src/contents/media.pug
index fcb8d36..ee78fcc 100644
--- a/docs/src/contents/media.pug
+++ b/docs/src/contents/media.pug
@@ -15,7 +15,7 @@ p
   a(href="https://developer.microsoft.com/en-us/microsoft-edge/platform/status/objectfitandobjectposition/" target="_blank") is shipped
   |   with Build Number 16299+.
 
-.columns
+.docs-demo.columns
   .column.col-6.col-xs-12
     figure.figure
       img.img-fit-contain.rounded(src="img/osx-yosemite.jpg" alt="macOS Yosemite Wallpaper" style="background: #f8f9fa; height: 10rem; width: 100%;")
@@ -41,7 +41,7 @@ p
   | And the included class #[code figure-caption] will provide basic style for caption.
   | Also, you can use #[code text-left], #[code text-center] and #[code text-right] for caption alignment.
 
-.columns
+.docs-demo.columns
   .column.col-12
     figure.figure
       img.img-responsive.rounded(src="img/osx-yosemite-2.jpg" alt="macOS Yosemite Wallpaper")
@@ -55,7 +55,7 @@ p
   | The ratio is 16:9 by default.
   | You may add #[code video-responsive-4-3] for 4:3 ratio video container or #[code video-responsive-1-1] for 1:1 ratio.
 
-.columns
+.docs-demo.columns
   .column.col-12
     .video-responsive
       iframe(width="560" height="315" src="https://www.youtube.com/embed/7DbslbKsQSk" allowfullscreen="")