update layout of doc index
diff --git a/docs/img/screenshot.png b/docs/img/screenshot.png
index a00592b..e3feae2 100644
--- a/docs/img/screenshot.png
+++ b/docs/img/screenshot.png
Binary files differ
diff --git a/docs/index.html b/docs/index.html
index bcc3ead..5c72f0b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -35,17 +35,14 @@
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
   <div class="container">
     <div class="row">
-      <div class="eight columns" style="margin-top: 25%; margin-bottom: 25%;">
+      <div class="six columns" style="margin-top: 25%; margin-bottom: 25%;">
         <h4>kableExtra</h4>
         <p style="color: gray;">Construct complex table with <code>kable()</code> + </code><code>%>%</code></p>
+        <p style="color: #bbb;">by <a href="https://github.com/haozhu233" style="text-decoration: none; color: #bbb;">@haozhu233</a> under MIT</p>
       </div>
-    </div>
-    <hr>
-    <div class="row">
-      <div class="eight columns">
+      <div class="six columns" style="margin-top: 10%; padding-left: 40px; border-left: 1px solid #E1E1E1;">
         <img src="img/screenshot.png" style="width:100%;"/>
-      </div>
-      <div class="four columns">
+        <hr>
         <strong>Complete Package Vignettes</strong>
         <ul>
           <li>
@@ -59,6 +56,7 @@
     </div>
   </div>
 
+
 <!-- End Document
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 </body>