diff --git a/index.html b/index.html
index 5d6e980..efc103b 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@
         </div>
     </div>
     <div id="product">
-        <div id="product-wrap">
+        <div class="product-wrap">
         <h2>This is Product List</h2>
         <div class="product-loop">
             <div>Product 1</div>
diff --git a/style.css b/style.css
index c1e5958..dfb2ec4 100644
--- a/style.css
+++ b/style.css
@@ -58,14 +58,14 @@ body {
     margin: 0
 }
 .header-wrap,
-.hero-wrap,
-.product-wrap {
+.hero-wrap{
     max-width: 1024px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin: 0 auto;
 }
+
 header {
     background-color: var(--dark-background);
     color: #F9FAF8;
@@ -130,6 +130,10 @@ header .nav ul a {
     padding: 60px 0;
     text-align: center;
 }
+.product-wrap {
+    max-width: 1024px;
+    margin: 0 auto;
+}
 #product h2 {
     margin-bottom: 30px;
 }