From f7682184cf9b2756eeb62127aa3069dcc3827245 Mon Sep 17 00:00:00 2001
From: amospeh <pehzhenwei@hotmail.sg>
Date: Wed, 13 Mar 2019 16:23:48 +0800
Subject: [PATCH] edit css

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

diff --git a/app/style.css b/app/style.css
index a90e295..f665962 100644
--- a/app/style.css
+++ b/app/style.css
@@ -19,6 +19,8 @@ nav {
 
 nav img {
   display: block;
+  width: 180px;
+  margin: 0 auto;
 }
 
 nav span {
@@ -26,6 +28,7 @@ nav span {
   font-size: 16px;
   font-weight: 100;
   letter-spacing: 2px;
+  margin: 10px 0;
 }
 
 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,16 @@ nav a {
   font-weight: 300;
   line-height: 40px;
   width: 68%;
+  padding: 20px;
+  margin: 0 auto;
 }
 
 /* Content Body */
 
 .content .body {
   width: 90%;
+  margin: 0px auto;
+
 }
 
 .body p {
@@ -77,6 +87,9 @@ nav a {
   color: #05A8AA;
   display: block;
   font-weight: 700;
+  width: 200px;
+  padding:20px;
+  margin: 40px auto;
 }
 
 .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 {