Update docs demo margin

1 files changed, 4 insertions, 4 deletions

diff --git a/docs/src/contents/grid.pug b/docs/src/contents/grid.pug
index d0172fb..0665262 100644
--- a/docs/src/contents/grid.pug
+++ b/docs/src/contents/grid.pug
@@ -1,7 +1,7 @@
 p
   | Layout includes flexbox based responsive grid system with 12 columns.
 
-.columns
+.docs-demo.columns
   .column
     .bg-primary.text-secondary.docs-block
   .column
@@ -59,7 +59,7 @@ p
 p
   | And you can add the #[code col-gapless] class to the #[code columns] to have gapless columns.
 
-.columns.col-gapless
+.docs-demo.columns.col-gapless
   .column.col-6
     .bg-gray.docs-block col-6 (gapless)
   .column.col-6
@@ -77,7 +77,7 @@ pre.code(data-lang='HTML')
 p
   | By default, Spectre grid has multi-line flexbox enabled. You can add the #[code col-oneline] class to #[code columns] to make all its child columns positioned in the same single row.
 
-.columns.col-oneline
+.docs-demo.columns.col-oneline
   .column.col-8
     .bg-gray.docs-block col-8
   .column.col-8
@@ -143,7 +143,7 @@ pre.code(data-lang='HTML')
 p
   | To nest grids, add the new #[code columns] and #[code column] structure within an existing column.
 
-.columns
+.docs-demo.columns
   .column.col-6
     .bg-gray
       .docs-block col-6