From f1dd7a8c39f5275b777ba7524c85906530c01cc3 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Thu, 2 Jul 2020 10:41:38 +0800
Subject: Fix docs

---
 docs/layout/hero.html    | 1 +
 docs/src/layout/grid.pug | 2 +-
 docs/src/layout/hero.pug | 7 +++++++
 3 files changed, 9 insertions(+), 1 deletion(-)

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
-- 
cgit v1.2.3