change layout
diff --git a/docs/index.html b/docs/index.html
index 2d9e52b..28646b0 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -35,23 +35,26 @@
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
   <div class="container">
     <div class="row">
-      <div class="eight column" style="margin-top: 20%;">
+      <div class="eight columns" style="margin-top: 25%; margin-bottom: 25%;">
         <h4>kableExtra</h4>
-        <p style="color: gray;">Construct complex table with <code>%>%</code></p>
-        <img src="img/screenshot.png" style="width:445px;"/>
-        <br>
-        <hr>
+        <p style="color: gray;">Construct complex table with <code>kable()</code> + </code><code>%>%</code></p>
+      </div>
+    </div>
+    <hr>
+    <div class="row">
+      <div class="eight columns">
+        <img src="img/screenshot.png" style="width:100%;"/>
+      </div>
+      <div class="four columns">
         <strong>Complete Package Vignettes</strong>
         <ul>
           <li>
-            <a href="awesome_table_in_html.html">Create Awesome HTML Table with knitr::kable and kableExtra</a>
+            <a href="awesome_table_in_html.html">for HTML</a>
           </li>
           <li>
-            <a href="awesome_table_in_pdf.pdf">Create Awesome LaTeX Table with knitr::kable and kableExtra</a>
+            <a href="awesome_table_in_pdf.pdf">for LaTeX</a>
           </li>
         </ul>
-
-
       </div>
     </div>
   </div>