diff --git a/source/index.html b/source/index.html
index 27d6a26..2757b50 100644
--- a/source/index.html
+++ b/source/index.html
@@ -2,51 +2,53 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Food Journal</title>
+	<meta charset="UTF-8" />
+	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<title>Food Journal</title>
 
-  <!-- Recipe Card Custom Element -->
-  <script src="assets/scripts/ReviewCard.js" type="module"></script>
-
-  <!-- Main Stylesheets & Scripts --> 
-  <!-- Temporarily commented out reset.css due to furthur discussion needed on the values of the default config-->
-  <!-- <link rel="stylesheet" href="/static/reset.css" /> -->
-  <link rel="stylesheet" href="./static/homepage.css" />
-  <script src="assets/scripts/main.js" type="module"></script>
+	<!-- Recipe Card Custom Element -->
+	<script src="assets/scripts/ReviewCard.js" type="module"></script>
 
+	<!-- Main Stylesheets & Scripts --> 
+	<!-- Temporarily commented out reset.css due to furthur discussion needed on the values of the default config-->
+	<!-- <link rel="stylesheet" href="/static/reset.css" /> -->
+	<link rel="stylesheet" href="./static/homepage.css" />
+	<script src="assets/scripts/main.js" type="module"></script>
 </head>
-<body>
-  <div class ="Top-Bar">
-    <img src ="./assets/images/icons/Logo.png" alt="logo" />
-    <h1 style="font-family:'Lucida Sans'"> Food Journal </h1>
-    <form id="form">
-        <input type='search' id="seaching" name="searchBar" placeholder="Search journal...">
-        <button class="click" type="search">
-            Search
-        </button>
-    </form>
-  </div>
-    <!--
-    <form id="form">
-        <input type='search' id="seaching" name="searchBar" placeholder="Search journal...">
-        <button class="click" type="search">
-            Search
-        </button>
-    </form>
-    --->
-  <main>
-    <!-- Add Food Entries Here -->
-    <div class="Review-boxes">
-      <h2> Recent Reviews </h2>
-      <img src ="./assets/images/icons/Grouppink.png" alt="CREATE" id="create-btn" onclick="window.location.assign('./CreatePage.html')"></img>
-      
-    </div>
-      <div class="Filter-box">
-    </div>
-    <div class="review-container" id="review-container"></div>
-  </main>
-  <!--<button type="button" id="create-btn"><a href='./CreatePage.html'></a>CREATE</button>-->
-</body>
+<main>
+	<header>
+		<div class="Top-Bar" style="display: flex; justify-content: center;">
+			<img src ="./assets/images/icons/Logo.png" style="align-self: center;" alt="logo" />
+			<h1 style="font-family:'Lucida Sans';"> Food Journal </h1>
+			<img src ="./assets/images/icons/Logo.png" style="align-self: center;" alt="logo" />
+		</div>
+	</header>
+  	<body>
+		
+		<div style="display: flex; max-height: 100%;">
+			<div style="width: 20%;"></div>
+
+			<div style="width: 60%;">
+				<div style="display: flex; flex-direction: row; justify-content: center;">		
+					<img src ="./assets/images/icons/Grouppink.png" alt="CREATE" style="align-self: center;" id="create-btn" onclick="window.location.assign('./CreatePage.html')"></img>
+					<h2 id="recent-reviews-text"> Recent Reviews </h2>
+					<img src ="./assets/images/icons/Grouppink.png" alt="" style="align-self: center; opacity:0;"></img>
+				</div>
+
+				<div class="review-container" id="review-container"></div>
+			</div>
+
+			<div style="width: 20%;">
+				<form id="form" style="display: none;">
+					<input type='search' id="seaching" name="searchBar" placeholder="Search journal...">
+					<button class="click" type="search">
+						Search
+					</button>
+					<div class="Filter-box"></div>
+				</form>
+			</div>
+		</div>
+  	</body>
+</main>
 </html>
diff --git a/source/static/homepage.css b/source/static/homepage.css
index b027324..0d5f7a0 100644
--- a/source/static/homepage.css
+++ b/source/static/homepage.css
@@ -6,65 +6,48 @@ body{
 .Top-Bar{
 }
 .Top-Bar > img{
-    position: absolute;
+    position: relative;
 }
 .Top-Bar > h1{
     position: relative;
     text-align: center;
-    font-size: 5rem;
     color: #E4C3D2;
+    font-size: 100px;
     font-family: 'Lucida Sans';
-    padding: 25px 0px 0px 0px;
-    font-weight: 900;
-    margin: 0px
 }
 .Top-Bar > form{
     position: relative;
     float: right;
-    margin-right: 12%;
 }
 .Review-boxes {
     position: relative;
 }
 
-.Review-boxes > h2 {
+#recent-reviews-text {
     font-family: 'Lucida Sans';
-    display: block;
     text-align: center;
-    font-size: 2.7rem;
+    font-size: 80px;
     color: #E4C3D2;
-    margin-top: 2.5em;
 }
 .Review-boxes > input {
     position: relative;
-    left: 20.34cm;
-    top: -3.5cm;
 }
 
 img#create-btn {
-    position: absolute;
-    left: 12%;
+    position: relative;
 }
 
 .Filter-box{
-    width: 200px;
-    height: 400px;
     background: #e4d9e9;
     position: absolute;
     border: 5px solid #99a2c2;
-    right: 12%;
 }
 .review-container{
     display: flex;
     position: relative;
-    margin-left: 25%;
+    flex-wrap: wrap;
 }
 .review-container > div {
     background-color: #f1f1f1;
-    width: 200px;
-    height: 200px;
-    margin: 10px;
     text-align: center;
-    line-height: 75px;
-    font-size: 30px;
   }
\ No newline at end of file
