diff --git a/src/Container.css b/src/Container.css index 31d9f3d..3c34edf 100644 --- a/src/Container.css +++ b/src/Container.css @@ -1,11 +1,11 @@ .Container { - padding-right: 15px; - padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .Container { + margin-top: 40px; + margin-bottom: 40px; width: 750px; } } @@ -19,3 +19,7 @@ width: 1170px; } } + +.Container-inner { + padding: 15px; +} diff --git a/src/Container.tsx b/src/Container.tsx index dfff09c..6661fac 100644 --- a/src/Container.tsx +++ b/src/Container.tsx @@ -1,7 +1,14 @@ import * as React from 'react'; +import Paper from 'material-ui/Paper'; import './Container.css'; export default ({children}: {children: any}) => ( -
{children}
+
+ +
+ {children} +
+
+
);