diff --git a/index.html b/index.html
index 281c0c8..5d6e980 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,7 @@
         </div>
     </div>
     <div id="product">
+        <div id="product-wrap">
         <h2>This is Product List</h2>
         <div class="product-loop">
             <div>Product 1</div>
@@ -40,6 +41,7 @@
             <div>Product 4</div>
         </div>
     </div>
+    </div>
     <div id="quote">
         <div class="quote-wrap">
             <blockquote>When you can’t find someone to follow, you have to find a way to lead by example.
diff --git a/style.css b/style.css
index 580003f..c1e5958 100644
--- a/style.css
+++ b/style.css
@@ -58,7 +58,8 @@ body {
     margin: 0
 }
 .header-wrap,
-.hero-wrap {
+.hero-wrap,
+.product-wrap {
     max-width: 1024px;
     display: flex;
     justify-content: space-between;
@@ -149,6 +150,7 @@ header .nav ul a {
 .quote-wrap {
     max-width: 900px;
     padding: 60px 40px;
+    margin: 0 auto;
 }
 
 cite {