diff --git a/assets/css/detaile.css b/assets/css/detaile.css
index 4f4f672..565fa73 100644
--- a/assets/css/detaile.css
+++ b/assets/css/detaile.css
@@ -48,6 +48,11 @@
     margin-right: 10px;
     min-width:100px!important;
 }
+@media only screen and (min-width: 321px) and (max-width: 1024px) {
+    .rin-btn {
+        margin-bottom: 10px;
+    }
+}
 .rin-btn-blue{
     border-bottom: 1.5px solid #28A9E0;
 }
diff --git a/detaile.html b/detaile.html
index 85f3917..00a074c 100644
--- a/detaile.html
+++ b/detaile.html
@@ -27,7 +27,7 @@
             <div class="rin-card-title2 mdui-typo"><a href="#fighting">#</a> 战斗力</div>
             <div class="mdui-container">
                 <div class="mdui-row">
-                    <div class="mdui-col-xs-4" mdui-tooltip="{content: '制作网站的能力:非常菜'}">
+                    <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '制作网站的能力:非常菜'}">
                         <div class="mdui-container">
 
                             <div class="mdui-row mdui-valign">
@@ -45,7 +45,7 @@
                         </div>
                     </div>
 
-                    <div class="mdui-col-xs-4" mdui-tooltip="{content: '赞美世界上最好的语言的能力'}">
+                    <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '赞美世界上最好的语言的能力'}">
                         <div class="mdui-container">
                             <div class="mdui-row mdui-valign">
                                 <div class="mdui-col-xs-4">
@@ -62,7 +62,7 @@
                         </div>
                     </div>
 
-                    <div class="mdui-col-xs-4" mdui-tooltip="{content: '现用现学的能力:我太蔡了'}">
+                    <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '现用现学的能力:我太蔡了'}">
                         <div class="mdui-container">
                             <div class="mdui-row mdui-valign">
                                 <div class="mdui-col-xs-4">
@@ -82,7 +82,7 @@
                 </div>
 
                 <div class="mdui-row">
-                    <div class="mdui-col-xs-4" mdui-tooltip="{content: '真的非常可爱√'}">
+                    <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '真的非常可爱√'}">
                         <div class="mdui-container">
 
                             <div class="mdui-row mdui-valign">
@@ -100,7 +100,7 @@
                         </div>
                     </div>
 
-                    <div class="mdui-col-xs-4" mdui-tooltip="{content: '让事情发生的能力'}">
+                    <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '让事情发生的能力'}">
                         <div class="mdui-container">
                             <div class="mdui-row mdui-valign">
                                 <div class="mdui-col-xs-4">
@@ -117,7 +117,7 @@
                         </div>
                     </div>
 
-                    <div class="mdui-col-xs-4" mdui-tooltip="{content: '对他人的情感深度'}">
+                    <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '对他人的情感深度'}">
                         <div class="mdui-container">
                             <div class="mdui-row mdui-valign">
                                 <div class="mdui-col-xs-4">
@@ -137,7 +137,7 @@
                 </div>
 
                 <div class="mdui-row">
-                    <div class="mdui-col-xs-4" mdui-tooltip="{content: '社交能力<del>(社恐</del>'}">
+                    <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '社交能力<del>(社恐</del>'}">
                         <div class="mdui-container">
 
                             <div class="mdui-row mdui-valign">
@@ -155,7 +155,7 @@
                         </div>
                     </div>
 
-                    <div class="mdui-col-xs-4" mdui-tooltip="{content: '做事情的耐心程度'}">
+                    <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '做事情的耐心程度'}">
                         <div class="mdui-container">
                             <div class="mdui-row mdui-valign">
                                 <div class="mdui-col-xs-4">
@@ -172,7 +172,7 @@
                         </div>
                     </div>
 
-                    <div class="mdui-col-xs-4" mdui-tooltip="{content: '对这个世界热爱的程度'}">
+                    <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '对这个世界热爱的程度'}">
                         <div class="mdui-container">
                             <div class="mdui-row mdui-valign">
                                 <div class="mdui-col-xs-4">