diff --git a/index.tmpl.html b/index.tmpl.html
index 6a82a0f..077ca42 100644
--- a/index.tmpl.html
+++ b/index.tmpl.html
@@ -3,6 +3,7 @@
   <head>
     <title>the web log of vilmibm</title>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="alternate" type="application/rss+xml" href="feed.xml" title="the web log of vilmibm">
     <style>
       body {
@@ -25,8 +26,6 @@
         margin-top: 0;
       }
       .title {
-        margin-right: 25%;
-        margin-left: 25%;
         text-align: center;
         border-top: 1px solid #ce77c5;
       }
@@ -38,11 +37,22 @@
         font-style: oblique;
       }
       .post {
-        margin-right: 25%;
-        margin-left: 25%;
         text-align: justify;
         border-bottom: 1px solid #ce77c5;
       }
+      @media screen and (min-width: 600px) {
+        .post {
+          margin-right: 25%;
+          margin-left: 25%;
+        }
+        .title {
+          margin-right: 25%;
+          margin-left: 25%;
+        }
+      }
+      img {
+        max-width:100%;
+      }
       a {
         font-weight: bold;
         color:  #ce77c5;
