From d1a19128bc14365c4002f51f344d1c2e1a1a77e2 Mon Sep 17 00:00:00 2001
From: oscarzhou <oscarzhou0727@icloud.com>
Date: Wed, 9 Dec 2020 19:46:19 +1300
Subject: [PATCH] css: try first CSS reference after setting up CSS module

---
 src/App.js                                    | 4 ++--
 src/components/Layout/Layout.css              | 3 +++
 src/components/Layout/Layout.js               | 3 ++-
 src/containers/BurgerBuilder/BurgerBuilder.js | 2 +-
 4 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 src/components/Layout/Layout.css

diff --git a/src/App.js b/src/App.js
index 98df92a..a108cfa 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 
-import Layout from "./components/Layout/Layout";
-import BurgerBuilder from "./containers/BurgerBuilder/BurgerBuilder"
+import Layout from './components/Layout/Layout';
+import BurgerBuilder from './containers/BurgerBuilder/BurgerBuilder';
 
 class App extends Component {
   render() {
diff --git a/src/components/Layout/Layout.css b/src/components/Layout/Layout.css
new file mode 100644
index 0000000..a5f1013
--- /dev/null
+++ b/src/components/Layout/Layout.css
@@ -0,0 +1,3 @@
+.Content{
+    margin-top: 16px;
+}
\ No newline at end of file
diff --git a/src/components/Layout/Layout.js b/src/components/Layout/Layout.js
index 93a66ad..91df4b1 100644
--- a/src/components/Layout/Layout.js
+++ b/src/components/Layout/Layout.js
@@ -1,11 +1,12 @@
 import React from 'react';
 
 import Aux from '../../hoc/Auxiliary';
+import classes from './Layout.css';
 
 const layout = (props) => (
     <Aux>
         <div>Toolbar, SideDrawer, Backdrop</div>
-        <main>
+        <main className={classes.Content}>
             {props.children}
         </main>
     </Aux>
diff --git a/src/containers/BurgerBuilder/BurgerBuilder.js b/src/containers/BurgerBuilder/BurgerBuilder.js
index 2b65a91..e9aa99e 100644
--- a/src/containers/BurgerBuilder/BurgerBuilder.js
+++ b/src/containers/BurgerBuilder/BurgerBuilder.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import Aux from "../../hoc/Auxiliary";
+import Aux from '../../hoc/Auxiliary';
 
 class BurgerBuilder extends Component {