Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

08 Haga lo que hicimos en aula desde 1 - Agregando un subtítulo a la página

  1. Agregando un subtítulo a la página

HTML

Accede a mis redes:

Icono de Instagram Instagram Icono de Github Github
  1. Cambiando la disposición de los elementos con Flexbox

.presentacion__enlaces {
display: flex;
flex-direction: column; /* Cambiado a vertical */
justify-content: space-between;
width: 600px;
}

  1. Ajustando la alineación y el espaciado de los elementos

.presentacion__enlaces {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center; /* Centra los elementos /
gap: 32px; /
Añade espacio entre los elementos */
width: 600px;
}

  1. Creando una clase para el subtítulo

Accede a mis redes:

  1. Estilizando el subtítulo
    .presentacion__enlaces__subtitulo {
    font-family: 'Krona One', sans-serif;
    font-weight: 400;
    font-size: 24px;
    }

  2. Modificando el estilo de los botones
    .presentacion__enlaces__link {
    /* Eliminamos background-color: #22D4FD; /
    background-color: transparent; /
    Fondo transparente /
    color: #F6F6F6; /
    Color de texto blanco /
    width: 378px; /
    Ancho del botón /
    text-align: center;
    padding: 21.5px 0;
    border-radius: 8px; /
    Radio de borde /
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    border: 2px solid #22D4FD; /
    Borde sólido cian */
    }

1 respuesta

Hola Ernesto, espero que estés bien

Sugerencia: compartir tu proyecto en el canal #comparta-tu-codigo en el servidor ONE en Discord ;)

Gracias por compartir tu ejercício práctico con nosotros, en este momento no veo puntos de mejora! Tu contribución es fundamental para el crecimiento de nuestra comunidad en Alura. Sigue comprometido y no dudes en regresar al foro en caso que tengas alguna duda o dificultad.

¡Continúa con sus estudios y éxito en su carrera!

¡Abrazos y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!