primer commit

alura-challenges · Jun 22, 2023 · 4d938b4 · 4d938b4
1 parent 9101845
commit 4d938b4
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -18,7 +18,7 @@
     <section class="menu">
         <header class="menu__header">
             <img src="assets\vector.png">
-            <h3 class="menu__title">Fulana de Tal</h3>
+            <h3 class="menu__title">RSEJ</h3>
         </header>
         <nav>
             <ul class="menu__list">
@@ -29,7 +29,6 @@ <h3 class="menu__title">Fulana de Tal</h3>
                 <li class="menu__list__item"><a href="#xp">Proyectos</a></li>
                 <li class="menu__list__item"><a href="#contacto">Contacto@fulana.com</a></li>
             </ul>
-            <li class="menu__list__item__contato"><a href="#contacto">contacto@fulana.com</a></li>
         </nav>
     </section>
 

diff --git a/style.css b/style.css
@@ -42,21 +42,50 @@ https://en.bem.info/methodology/quick-start/*/
 /*Sección Menu*/
 
 section.menu{
+    display: flex;
+    justify-content: space-between;
+    padding: 0 3rem;
+}
 
+section.menu header {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 1rem;
 }
 
+section.menu nav ul {
+    display: flex;
+    gap: 1rem
+}
 /*Sección Title*/
-
 section.title{
+    padding: 1rem 3rem;
+}
 
+section.title div.title__div{
+    display: flex;
+    flex-direction: row-reverse;
 }
 
+.title__bio{
+    font-size: 4.5rem;
+}
+
+.title__network{
+    display: flex;
+    gap: 1rem;
+}
 /*Sección About*/
 
 section.about{
-
+    padding: 2rem 3rem;
+    background-color: rgb(200, 223, 243);
 }
 
+.about__container{
+    width: 55%;
+}
 /*Sección Hobbies*/
 
 section.hobbies{