diff --git a/src/App.css b/src/App.css
index a326381..365f6e9 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,3 +1,7 @@
+* {
+	box-sizing: border-box;
+}
+
 body {
 	font-family: sans-serif;
 }
diff --git a/src/Grid.css b/src/Grid.css
index e526918..b8fb531 100644
--- a/src/Grid.css
+++ b/src/Grid.css
@@ -5,15 +5,22 @@
 }
 
 .grid-item {
-	background: #baffbd;
+	background: linear-gradient(135deg, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
+	position: relative;
 
 	float: left;
 
 	width: 30rem;
+	min-width: 25rem;
+	min-height: 25rem;
 	padding-bottom: 30rem;
+}
 
-	//border-style: solid;
-	//border-width: 5px;
+.grid-item-content {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	padding: 1rem;
 }
 
 @media all and (max-width: 120rem) {
diff --git a/src/Grid.js b/src/Grid.js
index 0a1bf60..18631a2 100644
--- a/src/Grid.js
+++ b/src/Grid.js
@@ -1,15 +1,33 @@
 import React from 'react';
 import './Grid.css';
 
+import logo from './logo.png';
+import GridItem from './GridItem';
+
 class Grid extends React.Component {
 	render() {
 		return (
 			<div className='grid-container'>
-				<div className='grid-item'>test</div>
-				<div className='grid-item'>test</div>
-				<div className='grid-item'>test</div>
-				<div className='grid-item'>test</div>
-				<div className='grid-item'>test</div>
+				<GridItem>
+					<img src={logo} className="Home-logo" alt="logo" />
+					<p>Links</p>
+					<p>Links</p>
+					<p>Links</p>
+					<p>Links</p>
+					<p>Links</p>
+				</GridItem>
+				<GridItem>
+					<h1>Project 1</h1>
+				</GridItem>
+				<GridItem>
+					<h1>Project 2</h1>
+				</GridItem>
+				<GridItem>
+					<h1>Project 3</h1>
+				</GridItem>
+				<GridItem>
+					<h1>Project 4</h1>
+				</GridItem>
 			</div>
 		);
 	}
diff --git a/src/GridItem.js b/src/GridItem.js
new file mode 100644
index 0000000..c3cbd03
--- /dev/null
+++ b/src/GridItem.js
@@ -0,0 +1,15 @@
+import React from 'react';
+
+class GridItem extends React.Component {
+	render() {
+		return (
+			<div className='grid-item'>
+				<div className='grid-item-content'>
+					{this.props.children}
+				</div>
+			</div>
+		);
+	}
+}
+
+export default GridItem;
diff --git a/src/Home.js b/src/Home.js
index 5d7517c..866ac5a 100644
--- a/src/Home.js
+++ b/src/Home.js
@@ -7,7 +7,6 @@ class Home extends React.Component {
 	render() {
 		return (
 			<div className='Home'>
-				Hello world!
 				<Grid />
 			</div>
 		);
diff --git a/src/logo.png b/src/logo.png
new file mode 100644
index 0000000..e2ca682
Binary files /dev/null and b/src/logo.png differ