diff --git a/index.html b/index.html
index b2cbd76..20de721 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="./styles/style.css">
 </head>
 <body>
-    <main>
+    <main class="center">
         <section class="shopping-container">
             <h2 class="shopping-title">Shopping List</h2>
 
diff --git a/styles/itens.css b/styles/itens.css
index eaa3a11..8e9d46c 100644
--- a/styles/itens.css
+++ b/styles/itens.css
@@ -1,3 +1,13 @@
+.center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.shopping-container {
+    display: flex;
+    flex-direction: column;
+    
+}
 .shopping-result {
     max-width: 416px;
 }
