docs(examples): fix pricing example

diff --git a/site/content/docs/5.0/examples/pricing/index.html b/site/content/docs/5.0/examples/pricing/index.html
index 033574d60c3f5285a33ce345c02143f990bc9930..639d2c872f600dd2c9d911e0186fed05e5b85671 100644 (file)
--- a/site/content/docs/5.0/examples/pricing/index.html
+++ b/site/content/docs/5.0/examples/pricing/index.html
@@ -23,8 +23,9 @@ include_js: false
 </div>
 
 <div class="container">
-  <div class="card-deck mb-3 text-center">
-    <div class="card mb-4 shadow-sm">
+  <div class="row row-cols-1 row-cols-md-3 mb-3 text-center">
+    <div class="col">
+      <div class="card mb-4 shadow-sm">
       <div class="card-header">
         <h4 class="my-0 font-weight-normal">Free</h4>
       </div>
@@ -39,7 +40,9 @@ include_js: false
         <button type="button" class="btn btn-lg btn-block btn-outline-primary">Sign up for free</button>
       </div>
     </div>
-    <div class="card mb-4 shadow-sm">
+    </div>
+    <div class="col">
+      <div class="card mb-4 shadow-sm">
       <div class="card-header">
         <h4 class="my-0 font-weight-normal">Pro</h4>
       </div>
@@ -54,7 +57,9 @@ include_js: false
         <button type="button" class="btn btn-lg btn-block btn-primary">Get started</button>
       </div>
     </div>
-    <div class="card mb-4 shadow-sm">
+    </div>
+    <div class="col">
+      <div class="card mb-4 shadow-sm">
       <div class="card-header">
         <h4 class="my-0 font-weight-normal">Enterprise</h4>
       </div>
@@ -69,6 +74,7 @@ include_js: false
         <button type="button" class="btn btn-lg btn-block btn-primary">Contact us</button>
       </div>
     </div>
+    </div>
   </div>
 
   <footer class="pt-4 my-md-5 pt-md-5 border-top">

diff --git a/site/content/docs/5.0/examples/pricing/pricing.css b/site/content/docs/5.0/examples/pricing/pricing.css
index cbf0ec013aeeaa87ac7e300480655786343ddbdc..70afca134bb2551ea2c2a21928c22129dbe48b1e 100644 (file)
--- a/site/content/docs/5.0/examples/pricing/pricing.css
+++ b/site/content/docs/5.0/examples/pricing/pricing.css
@@ -1,12 +1,3 @@
-html {
-  font-size: 14px;
-}
-@media (min-width: 768px) {
-  html {
-    font-size: 16px;
-  }
-}
-
 .container {
   max-width: 960px;
 }
@@ -14,7 +5,3 @@ html {
 .pricing-header {
   max-width: 700px;
 }
-
-.card-deck .card {
-  min-width: 220px;
-}