Realice lo aprendido!

¡Hola, Carlos, espero que estés bien!

Parece que estás trabajando en un diseño donde necesitas aplicar estilos usando Flexbox y ajustar fuentes. Aquí tienes algunos consejos para asegurarte de que todo funcione correctamente:

1. Espaciado con Flexbox: Asegúrate de que la clase .presentacion esté aplicada correctamente en el HTML. El uso de justify-content: space-between; debería crear el espacio adecuado entre el texto y la imagen. Si ves que los elementos están muy pegados a los bordes, revisa el margin: 10%; para ajustarlo según sea necesario.

2. Tamaño de la sección de texto: Crea la clase presentacion__contenido y aplica el ancho especificado en el diseño de Figma. Por ejemplo:

   .presentacion__contenido {
     width: 60%; /* Ajusta este valor según el diseño */
   }
   

3. Tamaño de títulos y textos: Define las clases presentacion__contenido__titulo y presentacion__contenido__texto para ajustar los tamaños de fuente:

   .presentacion__contenido__titulo {
     font-size: 2em; /* Ajusta según Figma */
   }
   
   .presentacion__contenido__texto {
     font-size: 1em; /* Ajusta según Figma */
   }
   

4. Fuentes de Google Fonts: Asegúrate de importar correctamente las fuentes en tu CSS. Por ejemplo:

   @import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;700&display=swap');
   
   body {
     font-family: 'Montserrat', sans-serif;
   }
   
   .presentacion__contenido__titulo {
     font-family: 'Krona One', sans-serif;
   }
   

5. Personalización de fuentes: Aplica las fuentes a los elementos específicos como se menciona en el paso anterior.

Revisa estos pasos y ajusta según sea necesario para que el diseño se vea como esperas.

¡Espero haber ayudado y buenos estudios!