diff --git a/website/css/style.css b/website/css/style.css
index b6547d2..5727ae8 100644
--- a/website/css/style.css
+++ b/website/css/style.css
@@ -118,6 +118,10 @@ body {
     text-align: center;
 }
 
+.unstyled-html, .create {
+    width: 100%;
+}
+
 /* This div will have crazy cool style, as this should represent that you can use (almost) all the CSS you want.*/
 .create .special-style {
     background-color: aqua;
@@ -191,8 +195,13 @@ body {
     .sidebyside-element {
         width: 40%;
     }
+
 }
 
 code {
     text-align: justify;
+}
+
+code, pre {
+    max-width: 80vw;
 }
\ No newline at end of file
diff --git a/website/index.html b/website/index.html
index 7cac87f..8619fd8 100644
--- a/website/index.html
+++ b/website/index.html
@@ -28,42 +28,44 @@
             </div>
         </div>
         <div class="content">
-            <div class="create">
-                <div class="unstyled-html">
-                    <h3>Use HTML</h3>
-                    <!--TODO: Add html demo code-->
-                    <pre>
-                        <code>
-&lt;div id=&quot;impress&quot;&gt;
-    &lt;div class=&quot;step&quot;&gt;
-        &lt;h1&gt;impress.js - The JavaScript presentation framework&lt;/h1&gt;
-    &lt;/div&gt;
-&lt;/div&gt;
-                        </code>
-                    </pre>
-                </div>
-                <div class="special-style">
-                    <h3 style="font-size: 200%;">And CSS</h3>
-                    <pre>
-                        <code>
-.impress-supported .fallback-message {
-    display: none;
-}
-
-.step {
-    width: 80vw;
-    height: 80vh;
-    background-color: white;
-}
-                        </code>
-                    </pre>
-                </div>
-                <p>To create stunning presentations</p>
-            </div>
 
             <!--FEATURE OVERVIEW-->
 
             <div class="centered">
+
+                <div class="create">
+                    <div class="unstyled-html">
+                        <h3>Use HTML</h3>
+                        <!--TODO: Add html demo code-->
+                        <pre>
+                            <code>
+    &lt;div id=&quot;impress&quot;&gt;
+        &lt;div class=&quot;step&quot;&gt;
+            &lt;h1&gt;impress.js - The JavaScript presentation framework&lt;/h1&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+                            </code>
+                        </pre>
+                    </div>
+                    <div class="special-style">
+                        <h3 style="font-size: 200%;">And CSS</h3>
+                        <pre>
+                            <code>
+    .impress-supported .fallback-message {
+        display: none;
+    }
+    
+    .step {
+        width: 80vw;
+        height: 80vh;
+        background-color: white;
+    }
+                            </code>
+                        </pre>
+                    </div>
+                    <p>To create stunning presentations</p>
+                </div>
+                
                 <div class="sidebyside">
                     <div class="sidebyside-element">
                         <h3>FULL power of CSS.</h3>