espacios en los márgenes de las secciones corregidos

nahuel-lopez-dev · Jun 20, 2024 · d05bbcb · d05bbcb
1 parent be8b97b
commit d05bbcb
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 19 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -336,7 +336,6 @@ body {
 .proyecto-hover:hover {
   background-color: var(--colorContenedor);
   color: var(--colorTres);
-  /* background-blend-mode: darken; */
   transition: all 1.1s;
 }
 
@@ -495,7 +494,6 @@ body {
   .presentacion {
     display: flex;
     flex-direction: column;
-    margin: 0 2rem 0 2rem; 
   }
   .nombre {
     display: none; 
@@ -527,9 +525,6 @@ body {
 }
 
 @media (max-width: 768px) {
-  .presentacion {
-    margin: 0rem 1.5rem 0rem 1.5rem; 
-  }
   .tituloPrincipal {
     font-size: 2rem; 
   }
@@ -554,6 +549,9 @@ body {
   .tituloPrincipal {
     font-size: 1.5rem; 
   }
+  .presentacion{
+    margin: 0rem 1.5rem 0rem 1.5rem;
+  }
   .presentacionInfoPrincipal {
     font-size: 1rem; 
   }

diff --git a/index.html b/index.html
@@ -118,29 +118,33 @@ <h1 class="tituloPrincipal">¡Hola! Me llamo Nahuel y soy Data Engineer & Python
         <!-- Sección acerca de mí -->
         <section>
             <h2 id="experiencia" class="titulo fs-1 mt-4">Experiencia</h2>
-            <div class="container sobreMi">
-                <div class="info presentacionInfo">
-                    <p class="fs-4 m-0">Data Engineer en NTT Data</p>
-                    <p class="fs-4 mt-3 lead">2023 - actualmente</p>
+            <div class="container">
+                <!-- Data Engineer -->
+                <div class="mb-3">
+                    <h3 class="subtitulo mb-1">Data Engineer en NTT Data<h3>
+                    <p class="subtitulo fs-4 lead mt-0 mb-2">2023 - actualmente</p>
                     <p class="resumen lead">Modelado de Datos con Spark.
                         Desarrollo de modelos de de Machine Learning. Refactorización de modelos a Spark. 
                         Resolución de problemas de ingeniería, análisis y
                         ciencia de datos aplicando Machine Learning.</p>
                 </div>
-                <div class="info presentacionInfo">
-                    <p class="fs-4 m-0">Tutor de JavaScript y Backend con Node</p>
-                    <p class="fs-4 mt-3 lead">2022-2024</p>
-                    <p class="resumen lead">Tutor de JavaScript y backend con Node.js, a cargo de un grupo de estudiantes como facilitador del aprendizaje, corrigiendo desafíos y entregas, dando apoyo continuo y trabajando en sus dificultades, para mejorar sus experiencias con el aprendizaje.</p>
+                <!-- Tutor en Coderhouse-->
+                <div class="mb-3">
+                    <h3 class="subtitulo mb-0">Tutor de JavaScript y Backend<h3>
+                    <p class="subtitulo fs-4 lead mt-0 mb-2">2022-2024</p>
+                    <p class="resumen lead">Tutor en Coderhouse de JavaScript y backend con Node.js, a cargo de un grupo de estudiantes como facilitador del aprendizaje, corrigiendo desafíos y entregas, dando apoyo continuo y trabajando en sus dificultades, para mejorar sus experiencias con el aprendizaje.<p>
                 </div>
-                <div class="info presentacionInfo">
-                    <p class="fs-4 m-0">Profesor de matemáticas</p>
-                    <p class="fs-4 mt-3 lead">2016-2023</p>
+                <!-- Profesor de matemáticas -->
+                <div class="mb-3">
+                    <h3 class="subtitulo mb-1">Profesor de matemáticas<h3>
+                    <p class="subtitulo fs-4 lead mt-0 mb-2">2016-2023</p>
                     <p class="resumen lead">Profesor a cargo de distintos cursos, durante más de 7
                         años, dando clases de matemática a adolescentes y adultos.</p>
                 </div>
-                <div class="info presentacionInfo">
-                    <p class="fs-4 m-0">Desarrollador web Freelance</p>
-                    <p class="fs-4 mt-3 lead">2021-2022</p>
+                <!-- Desarrollador web Freelance -->
+                <div class="mb-3">
+                    <h3 class="subtitulo mb-1">Desarrollador web Freelance<h3>
+                    <p class="subtitulo fs-4 lead mt-0 mb-2">2021-2022</p>
                     <p class="resumen lead">Desarrollo de sitios web. Desarrollo frontend con HTML5, CSS3, SASS, Bootstrap, JavaScript, en trabajo colaborativo usando Git y GitHub.</p>
                 </div>
             </div>