Desafio: codigo cv | HTML y CSS: header, footer y variables CSS | Alura Latam

Así quedo mi html que lo denominé contact.html

<html lang="es-mx">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Currículum</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header class="header">
        <nav class="header_menu"> 
            <a class="header_menu_link" href="./index.html">Home</a>
            <a class="header_menu_link" href="./about.html">Sobre mí</a>
            <a class="header_menu_link" href="./contact.html">Currículum</a> 
        </nav>
    </header>
    <main class="presentacion">
        <section class="presentacion-contenido">
            <h1 class="presentacion-titulo">Currículum</h1>
            <p class="presentacion-texto-contacto">Ingeniero Civil con experiencia en gestión de proyectos, planificación y supervisión de obras. Habilidad en coordinación de cronogramas, análisis de riesgos y gestión documental. Conocimientos en modelado BIM, análisis cartográfico y optimización de procesos constructivos. Manejo avanzado de Microsoft Project, AutoCAD, Revit y ArcGIS. Busco aportar mis habilidades en la gestión administrativa de proyectos. Actualmente aprendiendo sobre tecnología en JavaScript, HTML y CSS.</p>
            <h2 class="presentacion-titulo">Experiencia Laboral</h1>
            <p class="presentacion-texto">
                <ul class="presentacion-contenido-texto">

                    <li>PRÁCTICANTE DE OBRAS UNIVERSITARIAS | UNIVERSIDAD DE GUAYAQUIL | AGOSTO - NOVIEMBRE 2022</li>
                    <li>AYUDANTE DE FISCALIZACIÓN | ADM. ESCOLAR E INFRAESTRUCTURA DISTRITO 04D14 | MAYO - OCTUBRE 2023</li>
                    <li>GESTOR DE COBRANZAS | SERVICOBRANZAS | AGOSTO - OCTUBRE 2023</li>
                    <li>ASISTENTE CATASTRO TERRITORIOS COMERCIALES | INTERAGUA | OCTUBRE 2023 - ABRIL 2024</li>
                    <li>ASISTENTE DE SUPERVISIÓN DE OBRA | CONSTRICOM | OCTUBRE 2024 - ENERO 2025</li>
                </ul>
            </p>
            <h2 class="presentacion-titulo">Formación</h1>
            <div class="presentacion-contenido-texto">
            <p class="presentacion-texto">
                <ul class="presentacion-contenido-texto">
                    <li>Taller: Programación de macros en Excel - Centro de capacitación “JM Consulting”</li>
                    <li>Curso Competencias digitales para profesionales - Google</li>
                    <li>Curso de Autocad 2D y 3D - Ministerio del Trabajo</li>
                    <li>Beca: Aceleración de la Transformación Digital de la Construcción VI Edición - Konstruedu</li>
                    <li>Beca: Programación básica y especialización en Data Science o Back-End - Alura Latam & Oracle Next Education</li>
                </ul>
            </div>
            </p>
        </section>
        <img src="./assets/curriculum.png" alt="Imagen Gonzalo Briones trabajando"> 
    </main>
    <footer class="footer">
        <p class="footer-text">Desarrollado por Gonzalo Briones</p>
    </footer>
</body>
</html> ```

y mis modificaciones del css fueron:
```.presentacion-contenido-texto {
    text-decoration: none;
    color: #F6F6F6;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 400;
    
}

.presentacion-texto-contacto {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 400;
    
}```

Aunque no me gusta el espacio que me ha quedado entre el texto y la imagen :c

Hola Gonzalo, espero que estés bien

Gracias por compartir tu código. Entiendo que no estás satisfecho con el espacio entre el texto y la imagen en tu página de currículum. Para ajustar el espacio, puedes usar CSS para modificar el margen o el padding de los elementos involucrados.

Por ejemplo, si deseas reducir el espacio entre el texto y la imagen, puedes añadir una regla CSS para el elemento <img> o para el contenedor que lo rodea. Aquí tienes un ejemplo de cómo podrías hacerlo:

/* Ajusta el margen inferior del texto */
.presentacion-contenido-texto {
    margin-bottom: 20px; /* Ajusta este valor según lo que necesites */
}

/* Ajusta el margen superior de la imagen */
img {
    margin-top: 10px; /* Ajusta este valor según lo que necesites */
}

Puedes experimentar con los valores de margin-bottom y margin-top hasta que el espacio entre el texto y la imagen sea de tu agrado. Recuerda que el CSS permite una gran flexibilidad, así que siéntete libre de ajustar otros estilos si es necesario.

Espero que esta sugerencia te ayude a mejorar el diseño de tu currículum. ¡Bons estudios!