chore: Update responsive styles for mobile devices

manelcomiche · Aug 10, 2024 · c6f95a4 · c6f95a4
1 parent c8d99c0
commit c6f95a4
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/styles.css b/styles.css
@@ -9,9 +9,8 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
+    height: 100vh;
     background: linear-gradient(135deg, #f0f0f0, #d0d0d0);
-    overflow: hidden;
-    margin: 20px;
 }
 
 .container {
@@ -75,8 +74,6 @@ body {
     border-radius: 8px;
     transition: background 0.3s ease, transform 0.3s ease;
     font-size: 18px;
-    width: 100%;
-    box-sizing: border-box;
 }
 
 .link i {
@@ -90,12 +87,12 @@ body {
 
 .link.portfolio-link {
     background: gold;
-    color: black; 
+    color: black; /* Opcional: para asegurar que el texto sea legible */
     font-weight: bold;
 }
 
 .link.portfolio-link:hover {
-    background: #d4af37; 
+    background: #d4af37; /* Un tono de oro más oscuro para el hover */
 }
 
 /* Responsividad */