display block on first what is gitpoint section: closes #1

Author: housseindjirdeh

_layouts/home.html

@@ -1,25 +1,27 @@
 ---
 layout: default
 ---
-<div class="flex flex-column justify-center center pv5 karla bg-secondary">
-  <div class="flex flex-column justify-center center">
+<div class="dn db-ns">
+  <div class="flex flex-column justify-center center pv5 karla bg-secondary">
+    <div class="flex flex-column justify-center center">
 
-    <div class="flex h-inherit items-center justify-center tc">
-      <div class="flex flex-column">
-        <h2 class="f3 f2-m f2-l fw7 dark-gray mb2">
-          What is GitPoint?
-        </h2>
+      <div class="flex h-inherit items-center justify-center tc">
+        <div class="flex flex-column">
+          <h2 class="f3 f2-m f2-l fw7 dark-gray mb2">
+            What is GitPoint?
+          </h2>
 
-        <p class="f6 f4-ns gray lh-copy mw7 mb5">
-          View repository and user information, control your notifications and even manage your issues 
-          and pull requests. 
-          GitPoint is the most feature-rich unofficial GitHub iOS client that is 100% free.
-        </p>
+          <p class="f6 f4-ns gray lh-copy mw7 mb5">
+            View repository and user information, control your notifications and even manage your issues 
+            and pull requests. 
+            GitPoint is the most feature-rich unofficial GitHub iOS client that is 100% free.
+          </p>
+        </div>
       </div>
-    </div>
 
-    <div class="flex items-center justify-center">
-      <img class="mw5" src="/assets/images/profile-screen-side.png" alt="GitPoint Profile Screen">
+      <div class="flex items-center justify-center">
+        <img class="mw5" src="/assets/images/profile-screen-side.png" alt="GitPoint Profile Screen">
+      </div>
     </div>
   </div>
 </div>