Adjusts headings

Author: benjamin-Keller

index.html

@@ -15,13 +15,14 @@
     <div class="container">
         <div class="row">
             <h1>Mobile Responsive Tables</h1>
+            <h4>Resize your screen or toggle Device Toolbar on Dev Tools to see it in action</h1>
         </div>
         <div class="row">
             <div class="col">
                 <div class="card">
                     <div class="card-body">
                         <h5 class="card-title">Basic Table</h5>
-                        <h6 class="card-subtitle mb-2 text-muted">Basic table usage with default Bootstrap 5 table stylings</h6>
+                        <h6 class="card-subtitle mb-2 text-muted">Basic table usage with default Bootstrap 5 table stylings are defaulted</h6>
 
                         <table class="table table-striped table-hover">
                             <caption>List of users</caption>
@@ -57,7 +58,7 @@ <h6 class="card-subtitle mb-2 text-muted">Basic table usage with default Bootstr
                 <div class="card">
                     <div class="card-body">
                         <h5 class="card-title">Sided Layout</h5>
-                        <h6 class="card-subtitle mb-2 text-muted">Basic table usage with default Bootstrap 5 table stylings</h6>
+                        <h6 class="card-subtitle mb-2 text-muted">Use class <code>table-mobile-sided</code> on your <code>table</code> to switch to Sided Layout</h6>
 
                         <table class="table table-striped table-hover table-mobile-sided">
                             <caption>List of users</caption>