Fix styling

Author: CompuIves

packages/common/src/global.css

@@ -14,6 +14,7 @@ body {
   height: 100%;
   background: #1c2022;
   color: #cccccc;
+  font-size: 16px !important;
 
   -ms-overflow-style: -ms-autohiding-scrollbar;
 }

packages/dynamic-pages/.gitignore

@@ -0,0 +1,2 @@
+out
+.next

packages/dynamic-pages/babel.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  presets: ['next/babel'],
+  plugins: ['babel-plugin-styled-components'],
+};

packages/dynamic-pages/pages/_app.js

@@ -6,8 +6,8 @@ import { ThemeProvider } from 'styled-components';
 import theme from 'common/lib/theme';
 import Navigation from 'common/lib/components/Navigation';
 import Footer from 'common/lib/components/Footer';
-import '../css/global.css';
 import '../css/typography.css';
+import '../css/global.css';
 
 export default class MyApp extends App {
   static async getInitialProps({ Component, ctx }) {

packages/dynamic-pages/pages/profile/_elements.js

@@ -15,6 +15,7 @@ export const Title = styled.h3`
   font-weight: 300;
   font-size: 24px;
   margin-bottom: 30px;
+  margin-top: 2rem;
   color: ${props => props.theme.new.title};
 `;
 

packages/dynamic-pages/pages/profile/index.js

@@ -42,7 +42,7 @@ const Profile = ({ profile, liked, showcased }) =>
               />
             </div>
           ) : null}
-          <Title>User sandboxes</Title>
+          <Title>User Sandboxes</Title>
           <SandboxesWrapper
             css={`
               grid-gap: 24px;
@@ -78,16 +78,18 @@ const Profile = ({ profile, liked, showcased }) =>
               margin-bottom: 48px;
             `}
           >
-            {liked[1].slice(0, 5).map(sandbox => (
-              <WideSandbox
-                noMargin
-                defaultHeight={170}
-                small
-                key={sandbox.id}
-                pickSandbox={({ id }) => openSandbox(id)}
-                sandbox={sandbox}
-              />
-            ))}
+            {liked[1]
+              .slice(0, 5)
+              .map(sandbox => (
+                <WideSandbox
+                  noMargin
+                  defaultHeight={170}
+                  small
+                  key={sandbox.id}
+                  pickSandbox={({ id }) => openSandbox(id)}
+                  sandbox={sandbox}
+                />
+              ))}
             {liked[1].length > 5 && (
               <More>
                 <Link