feat(App): Make full size

client/less/main.less

@@ -985,6 +985,11 @@ and (max-width : 400px)  {
   }
 }
 
+.full-size {
+  height: 100%;
+  width: 100%;
+}
+
 // surrounding downstream import with &{}
 // creates locally scoped imports
 // and prevents vaiables from overwriting each other

common/app/app.less

@@ -8,12 +8,16 @@
   // they are painted using css so the
   // nav is on top again
   .grid(@direction: column);
+  height: 100%;
+  width: 100%;
 }
 
 .@{ns}-content {
   // makes the inital content height 0px
   // then lets it grow to fit the rest of the space
   flex: 1 0 0px;
+  // allow content to adapt to screen size
+  display: flex;
 }
 
 .@{ns}-centered {

server/views/layout-react.jade

@@ -1,13 +1,13 @@
 doctype html
-html(lang='en')
+html(lang='en').full-size
   head
     if title
       title= title
     else
       title freeCodeCamp
     include partials/react-stylesheets
-  body
-    #fcc!= markup
+  body.full-size
+    #fcc.full-size!= markup
     script!= state
     script.
       window.webpackManifest = !{JSON.stringify(chunkManifest || {})};