Responsive v1.7

AmbrizAlberto · Apr 6, 2024 · 7ee6f1b · 7ee6f1b
1 parent 5510b7d
commit 7ee6f1b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/app/css/main.css b/app/css/main.css
@@ -251,6 +251,7 @@ button{
 .contactme .correotxt{
     font-size: 200%;
     color: rgb(255, 255, 255);
+    text-decoration: none;
 }
 
 .contactme .correobtn{

diff --git a/app/css/mainrespons.css b/app/css/mainrespons.css
@@ -74,14 +74,15 @@
   /* Estilos para teléfonos celulares */
   @media screen and (max-width: 480px) {
     html{
-        background-image: linear-gradient(to bottom, #ff7e5f 5%, #ff7f5f 13%, #31405fe7 20%, #31405f 82%, #000000 86%);
+        background-image: linear-gradient(to bottom, #ff7e5f 5%, #ff7f5f 13%, #31405fe7 20%, #31405f 90%, #000000 93%);
     }
     .personaldata{
         margin-top: 10%;
         flex-wrap: wrap;
         text-align: left;
     }
     .datos1{
+        text-align: center;
         padding-top: 15%;
         margin-left: -15%;
         width: 100%;
@@ -95,6 +96,7 @@
     }
     .lenguajes{
         margin-top: 40%;
+        margin-left: -4%;
     }
     .lenguajes h2{
         margin-top: 10%;
@@ -119,7 +121,7 @@
         margin: auto;
     }
     .projects{
-        margin-bottom: 100%;
+        margin-bottom: 1%;
         font-size: 200%;
     }
     .projects h2{
@@ -138,11 +140,11 @@
         font-size: 150%;
     }
     .contactme{
-        margin-top: 40%;
-        font-size: 40%;
+        margin-top: 50%;
+        font-size: 30%;
     }
     .contactme .correotxt{
-        font-size: 150%;
+        font-size: 170%;
     }
 
   }
diff --git a/app/page.jsx b/app/page.jsx
@@ -54,7 +54,8 @@ export default function Portafolio() {
           </div>
           <div className="datos">
             <div className="nombre">
-              Alberto Ambriz
+              Alberto
+              Ambriz 
             </div>
           </div>
         </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -54,7 +54,8 @@ export default function Portafolio() { @@
               </div>
               <div className="datos">
                 <div className="nombre">
-                  Alberto Ambriz
+                  Alberto
+                  Ambriz
                 </div>
               </div>
             </div>
@@ Expand Down @@