container index

Author: Gastoncorvata

css/styles.css

@@ -43,7 +43,8 @@
                     <a class="navbar-brand" href="./index.html">Metal Stretch</a>
                 </div>
             </nav>
-            <div class="row">
+            <div class="container">
+                <div class="row row-titulo">
                 <div class="col-6 offset-2">
                     <h1 class="animate__animated animate__rotateInDownLeft">Metal</h1>
                 </div>
@@ -55,6 +56,8 @@ <h2 class="animate__animated animate__bounceIn animate__delay-2s"><span>Mecaniza
                 </div>
             </div>
         </header>
+            </div>
+            
         <footer id="footer">
             <div class="footer-top">
             <div class="container">

index.html

@@ -202,7 +202,7 @@
     text-align: center;
     color: $gris-clarito;
 }
-
+/* productos */ 
 .carousel-inner {
     div {
         img {
@@ -300,7 +300,7 @@
     margin: 20px 0 30px 0;
     margin: 15px;
     @media (max-width: 700px){
-        width: 100%;
+        width: 90%;
         height: auto;
     }
 }

scss/_body.scss

@@ -13,7 +13,11 @@
             margin-top: 10%;
             margin-left: 0;
             margin-right: 0;
+            width: 370px;
+        @media (min-width: 750px){
+            width: auto;
         }
+    }
 
         h1 {
             font-family: 'Black Ops One', cursive;
@@ -56,4 +60,8 @@
             }
         }
     }
+}
+.row-titulo{
+    width: 360px;
+    height: auto;
 }