diff --git a/_layouts/default.html b/_layouts/default.html
index 403a0ee..b84181f 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -3,6 +3,7 @@
   <head>
     <link rel="shortcut icon" type="image/png" href="favicon.png">
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 
 {% seo %}
     <link rel="preconnect" href="https://fonts.gstatic.com">
@@ -13,7 +14,7 @@
     <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
     {% include head-custom.html %}
   </head>
-  <body style="width:1000px; margin:0 auto;">
+  <body style="margin: auto; padding: 10px; max-width: 1000px;">
     <header class="page-header" role="banner">
       <h1 class="project-name">{{ page.title | default: site.title | default: site.github.repository_name }}</h1>
       <h2 class="project-tagline">{{ page.description | default: site.description | default: site.github.project_tagline }}</h2>
@@ -22,14 +23,16 @@ <h2 class="project-tagline">{{ page.description | default: site.description | de
       {% endif %}
     </header>
     <main id="content" role="main">
-      {{ content }}
-
+      <div class="w3-container">
+        <p>{{ content }}</p>
+      </div>
+      
       <footer class="site-footer">
         {% if site.github.is_project_page %}
           <span class="site-footer-owner"><a href="{{ site.github.repository_url }}">{{ site.github.repository_name }}</a> is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a>.</span>
         {% endif %}
         <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a>.</span>
-      </footer>
+      </footer>      
     </main>
   </body>
 </html>
