arreglado la dimension del home

SebasTerco73 · May 17, 2024 · 2d5853e · 2d5853e
1 parent f20f809
commit 2d5853e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -58,8 +58,8 @@ <h2>Choripan</h2>
     </div>
     <div class="slider--inner fade">
       <div class="txt">
-        <h2>Empanadas</h2>
-        <p>¡Riquisimas!</p>
+        <h2>Empanada</h2>
+        <p>¡Riquisima!</p>
       </div>
       <img class="imgC" src="img/03.jpg" alt="empanadas">
     </div>

diff --git a/style.css b/style.css
@@ -87,13 +87,15 @@ nav{
 .slider {
     position: relative;
     width: 100%;
+    height: 80%;
     background: var(--main-bg-color);
    /* margin-top: 40px; */
 }
 
 .slider--inner {
     display: none;
     overflow: hidden;
+    width: 100%;
 }
 
 .slider--inner .imgC {
@@ -164,6 +166,7 @@ nav{
 
 .imgC {
     width: 100%;
+    height: 100%;
     transform: scale(1.5, 1.5);
     animation-name: zoomin;
     animation-duration: 40s;
@@ -307,7 +310,7 @@ iframe{
     /* FIN NAVBAR */
 
     .txt {
-        left: 65%;
+        left: 60%;
         animation-name: posi3;
         animation-duration: 2s;
         -webkit-animation-name: posi3;
@@ -320,7 +323,7 @@ iframe{
         }
 
         to {
-            left: 65%;
+            left: 60%;
         }
     }
 
@@ -330,7 +333,7 @@ iframe{
         }
 
         to {
-            left: 65%;
+            left: 60%;
         }
     }
 
@@ -354,8 +357,15 @@ iframe{
         background: var(--main-bg-color);
        /* margin-top: 40px; */
     }
+
+    .slider--inner{
+        height: 100%;
+        width: 100%;
+    }
 
     .slider--inner .imgC {
+        height: cover;
+        width: cover;
         aspect-ratio: 8.1/10;
         object-fit: cover;
     }