06 Haga lo que hicimos

1. Adaptando imágenes para diferentes tamaños de pantalla Html

<img class="presentacion__imagen" src="./assets/imagen.png" alt="Foto de Ana García desarrolando un proyecto">

CSS

.presentacion__imagen{
    width: 50%;
}

1. Ajustando el diseño para diferentes dispositivos

2. Responsividad del contenido de texto

.presentacion__contenido{
    width: 50%;
    display: flex;
    flex-direction: column;
 }

1. Mejorando la responsividad de los enlaces de navegación

.presentacion__enlaces__link{
      display: flex;
      justify-content: center;
      gap: 16px;
      border: 2px solid var(--color-terciaria);
      width: 50%;  /*modificación*/
      text-align: center;
      border-radius: 8px;
      font-size: 1.5rem;
      font-weight: 600;
      padding: 21.5px 0;
      text-decoration: none;
      color: var(--color-secundaria);
      font-family: var(--fuente-montserrat);
}