➕ feat: challenge

linder3hs · Feb 9, 2024 · cb7ea19 · cb7ea19
1 parent e9ea81b
commit cb7ea19
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/css/style.css b/css/style.css
@@ -9,11 +9,14 @@ body {
   color: #fff;
 }
 
+.align-center {
+  align-items: center;
+}
+
 nav {
   display: flex;
   /* space-between: Separa elementos de extremo a extremo */
   justify-content: space-between;
-  align-items: center;
   background-color: rgba(123, 74, 226, 0.05);
   /* margin-top: 30px;
   margin-bottom: 30px;
@@ -71,7 +74,6 @@ main {
 .social-links {
   display: flex;
   gap: 15px;
-  align-items: center;
 }
 
 .container-profile > img {
@@ -94,14 +96,12 @@ main {
 
 .container-contact > a:first-child {
   display: flex;
-  align-items: center;
   gap: 5px;
 }
 
 .container-contact > a:last-child {
   border: rgba(123, 74, 226, 0.5) solid;
   display: flex;
-  align-items: center;
   gap: 5px;
   padding: 5px;
   border-radius: 16px;

diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="./css/style.css" />
   </head>
   <body>
-    <nav>
+    <nav class="align-center">
       <div>
         <img src="./images/logo-1.svg" width="35" height="40" alt="" />
       </div>
@@ -42,7 +42,7 @@
         <span class="gretting">👋 Saludos!</span>
         <h1 class="title">Linder Hassinger</h1>
         <p class="description">Senior Software Developer</p>
-        <div class="social-links">
+        <div class="social-links align-center">
           <a href="">
             <img src="./images/linkedin.svg" alt="" />
           </a>
@@ -61,11 +61,11 @@ <h1 class="title">Linder Hassinger</h1>
         />
       </div>
       <div class="container-contact">
-        <a href="#">
+        <a href="#" class="align-center">
           Descargar CV
           <img src="./images/download.svg" alt="" />
         </a>
-        <a href="">
+        <a href="" class="align-center">
           <img src="./images/whatsapp.svg" alt="" />
           Vamos a conversar
         </a>