From 5a8ce6cc1b0ec270765dd7df07a414a205ae0229 Mon Sep 17 00:00:00 2001
From: joey <joeywongsw@gmail.com>
Date: Thu, 6 Aug 2020 00:07:57 +0800
Subject: [PATCH] Editted css page. Made changes to width, height, padding, and
 margin.

---
 app/style.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/app/style.css b/app/style.css
index a90e295..4d53d84 100644
--- a/app/style.css
+++ b/app/style.css
@@ -19,6 +19,8 @@ nav {
 
 nav img {
   display: block;
+  width: 180px;
+  margin: 0px auto;
 }
 
 nav span {
@@ -26,6 +28,7 @@ nav span {
   font-size: 16px;
   font-weight: 100;
   letter-spacing: 2px;
+  margin: 10px 0px;
 }
 
 nav a {
@@ -36,6 +39,8 @@ nav a {
 
 .content {
   width: 100%;
+  height: 500px;
+  margin: 10px auto;
 }
 
 /* Content Header */
@@ -44,6 +49,7 @@ nav a {
   background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_burgerphoto.jpeg");
   background-position: center;
   background-size: cover;
+  height: 320px;
 }
 
 .header h1 {
@@ -54,12 +60,15 @@ nav a {
   font-weight: 300;
   line-height: 40px;
   width: 68%;
+  padding: 20px;
+  margin: 0px auto;
 }
 
 /* Content Body */
 
 .content .body {
   width: 90%;
+  margin: 0px auto;
 }
 
 .body p {
@@ -77,6 +86,10 @@ nav a {
   color: #05A8AA;
   display: block;
   font-weight: 700;
+  width: 200px;
+  padding: 20px;
+  margin: 40px auto;
+  border: 1px solid blue;
 }
 
 .button:hover {
@@ -88,12 +101,16 @@ nav a {
 /* Content Nutrition */
 
 ul.nutrition {
+	padding: 40px;
 }
 
 ul.nutrition li {
   display: inline-block;
   background-color: #05A8AA;
   list-style: none;
+  width: 200px;
+  padding: 10px 20px;
+  margin-bottom: 3px;
 }
 
 .nutrition .category {