Fix docs

3 files changed, 9 insertions, 1 deletions

diff --git a/docs/layout/hero.html b/docs/layout/hero.html
index da3d06d..638209d 100644
--- a/docs/layout/hero.html
+++ b/docs/layout/hero.html
@@ -229,6 +229,7 @@
   <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
 <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
 </code></pre>
+            <p>Use <code>hero-sm</code> and <code>hero-lg </code>to the hero container for smaller and larger padding. </p>
             <div class="docs-demo columns">
               <div class="column">
                 <div class="hero hero-sm bg-dark">
diff --git a/docs/src/layout/grid.pug b/docs/src/layout/grid.pug
index 5c054a8..7bed0c1 100644
--- a/docs/src/layout/grid.pug
+++ b/docs/src/layout/grid.pug
@@ -67,7 +67,7 @@ block docs-content
     p
       | Add the #[code columns] class to a container with the #[code container] class. 
       | And add any element you want with the #[code column] class inside the container. These columns will take up the space equally.
-      | You can specific the width of each column by adding class #[code col-<1-12>].
+      | You can specify the width of each column by adding class #[code col-<1-12>].
     
     +docs-subheading('grid-gapless', 'Gapless grid')
 
diff --git a/docs/src/layout/hero.pug b/docs/src/layout/hero.pug
index 4ebdf17..723d6d1 100644
--- a/docs/src/layout/hero.pug
+++ b/docs/src/layout/hero.pug
@@ -31,6 +31,13 @@ block docs-content
             </div>
           </div>
 
+    p
+      | Use 
+      code hero-sm
+      |  and 
+      code hero-lg 
+      | to the hero container for smaller and larger padding. 
+
     .docs-demo.columns
       .column
         .hero.hero-sm.bg-dark