diff --git a/components/main/Main.js b/components/main/Main.js new file mode 100644 index 0000000..82a84fd --- /dev/null +++ b/components/main/Main.js @@ -0,0 +1,7 @@ +import mainStyles from './main.module.css'; + +const Main = ({ children }) => { + return
{children}
; +}; + +export default Main; diff --git a/components/main/main.module.css b/components/main/main.module.css new file mode 100644 index 0000000..89ccaf6 --- /dev/null +++ b/components/main/main.module.css @@ -0,0 +1,4 @@ +.site__main { + display: flex; + justify-content: space-between; +} diff --git a/components/navigation/navigation.module.css b/components/navigation/navigation.module.css index 05c959f..31e793c 100644 --- a/components/navigation/navigation.module.css +++ b/components/navigation/navigation.module.css @@ -1,5 +1,5 @@ .site__header { - padding: 20px 0; + margin: 60px 0; } .site__navbar { @@ -13,5 +13,5 @@ } .site__navbar li:not(:last-child) { - padding-right: 10px; + margin-right: 30px; } diff --git a/pages/index.js b/pages/index.js index 28171e9..1b1d900 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,7 +1,9 @@ import Head from 'next/head'; import Image from 'next/image'; import Header from '../components/navigation/Header'; +import Main from '../components/main/Main'; import NavBar from '../components/navigation/NavBar'; + export default function Home() { return (
@@ -12,16 +14,19 @@ export default function Home() {
-
-

Hi I'm Jesse

- -

I'm a software engineer from Lagos, Nigeria

-
+
+ + +
); }