update small screen

1 files changed, 10 insertions, 3 deletions

diff --git a/static/css/den.css b/static/css/den.css
index 33f4326..c392366 100644
--- a/static/css/den.css
+++ b/static/css/den.css
@@ -479,6 +479,7 @@ blockquote{
 }
 .container .author-card .author-content {
   text-align: left;
+  padding-left: 160px;
 }
 .container .author-card .author-title {
   color: #aaa;
@@ -494,9 +495,6 @@ blockquote{
 .container .author-card .author-box {
   padding: 1em;
 }
-.container .author-card .author-box .author-content {
-  padding-left: 160px;
-}
 .container .author-card .author-box .author-image img {
   margin: 0 auto;
   border-radius: 50%;
@@ -505,6 +503,15 @@ blockquote{
   width: 128px;
   height: 128px;
 }
+@media (max-width: 500px) {
+  .container .author-card .author-box .author-image img {
+    float: none;
+  }
+  .container .author-card .author-content {
+    text-align: center;
+    padding-left: 0;
+  }
+}
 .container .underline {
   display: inline-block;
   margin-top: 10px;