UPDATE: footer style in screen confirm

andrenavas · Jan 15, 2024 · 630ecee · 630ecee
1 parent ef74d07
commit 630ecee
Showing 1 changed file with 24 additions and 9 deletions.
diff --git a/src/style.css b/src/style.css
@@ -10,15 +10,17 @@ body {
     margin: 0;
     display: flex;
     flex-direction: column;
-    min-height: 100vh;
+    height: 100vh;
     margin: 0;
+    padding-bottom: 80px;
 
 }
 
+
 .pantallaInicial {
-    width: 100%;
+    /* width: 100%; */
     /* max-width: 1000px; */
-    padding: 40px 20px;
+    padding: 20px 20px;
     margin: auto;
     display: flex;
     flex-direction: column;
@@ -32,19 +34,21 @@ body {
 .pantallaConfirm,
 .pantallaConfirm .p {
     width: 100%;
-    max-width: 1000px;
+    /* max-width: 1000px; */
+    height: 500px;
     padding: 40px 20px;
     margin: auto;
     display: none;
     flex-direction: column;
     align-items: center;
+    justify-content: center;
     text-align: center;
 }
 
 .card {
     width: 100%;
-    max-width: 500px;
-    max-height: 250px;
+    /* max-width: 500px; */
+    /* max-height: 250px; */
     cursor: pointer;
 }
 
@@ -225,10 +229,10 @@ nav a {
 }
 
 .footer {
-    /* position: fixed; */
+    position: fixed;
+    bottom: 0;
     width: 100%;
-    height: 80px;
-    /* margin-top: 20px; */
+    height: 60px;
     background: url(imagenes/Ilustracion-BL-3A.png);
     background-size: contain;
     color: #2e4d60;
@@ -239,4 +243,15 @@ nav a {
     color: red;
     font-size: 12px;
 
+}
+
+@media (max-width: 768px) {
+    body {
+        min-height: 100%;
+    }
+
+    .card-front{
+        max-width: 200px;
+        border: 5pz¿x solid red;
+    }
 }