Update style.css

Cambios en responsividad.
JonSaraviaZ · Oct 20, 2024 · 9880a82 · 9880a82
1 parent 98cdec0
commit 9880a82
Showing 1 changed file with 47 additions and 4 deletions.
diff --git a/style.css b/style.css
@@ -498,14 +498,26 @@ button:hover {
         display: none;
     }
 
+    .aficiones__elemento{
+        width:60%;
+    }
+    /* agregando aficiones_logo */
+    .aficiones_logo{
+        padding-left: 10%;
+    }
+    /* agregando  .aficiones__nombre: text-align center*/
+    .aficiones__nombre{
+        text-align: center;
+    }
+
     .proyectos__lista{
         padding-left: 0;
     }
 
+
     .proyectos_imagen{
-        margin-left: 10%;
         height: 180px;
-        width: 200px;
+        width: 100%;
     }
 
     .formacion__lista{
@@ -595,6 +607,19 @@ button:hover {
         display: none;
     }
 
+    .aficiones__elemento{
+        width:60%;
+    }
+    /* agregando aficiones_logo */
+    .aficiones_logo{
+        padding-left: 10%;
+        width: 100px;
+    }
+    /* agregando  .aficiones__nombre: text-align center*/
+    .aficiones__nombre{
+        text-align: center;
+    }
+
     .proyectos__lista{
         padding-left: 0px;
     }
@@ -677,10 +702,23 @@ button:hover {
         display: none;
     }
 
+    .aficiones__elemento{
+        width:30%;
+    }
+    /* agregando aficiones_logo */
+    .aficiones_logo{
+        width: 70%;
+        padding-left: 15px;
+    }
+    /* agregando  .aficiones__nombre: text-align center*/
+    .aficiones__nombre{
+        text-align: center;
+    }
+
     .proyectos_imagen{
         height: 350px;
-        width: 350px;
-        margin-left: 20px;
+        width: 100%;
+        margin-left: 0px;
     }
 
     .formacion__lista{
@@ -873,5 +911,10 @@ button:hover {
         display: none;
     }
 
+    .aficiones__elemento{
+        width:120px;
+        text-align: justify;
+    }
+
 }