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

haga lo que hicimos en aula

  • { padding: 0; /El área de relleno de un elemento es el espacio entre su contenido y su borde./ margin: 0; /margin se utiliza para ajustar el margen de los 4 lados de la pagin/ }

body { height: 100vh; /determina la altura de forma predeterminada o en su caso si le asignas una cantidad al área del contenido/ box-sizing: border-box; /se calcula el ancho y la altura totales de un elemento./ background-color: #000000; /define el color del fondo de la pagina/ color: #F6F6F6; /define el color del texto/ }

.titulo-destaque { /Se personaliza una clase declarada en html la cual se puede personalizar/ color: #22D4FD; ; }

.presentacion { margin: 10% 15%; display: flex; /un método que pueda ayudar a distribuir el espacio entre los ítems de una interfaz/ align-items: center; /funcion para aliniaer los items dependiendo de la ubicacion en este caso es el centro/ justify-content: space-between; /define cómo el navegador distribuye el espacio entre y alrededor de los elementos de contenido a lo largo del eje principal de un contenedor flexible y el eje en línea de los contenedores de cuadrícula y multicol./ /spece-between: Los elementos se distribuyen de manera uniforme dentro del contenedor de alineación a lo largo del eje principal./ }

.presentacion__contenido { width: 615px; display: flex; flex-direction: column; gap: 40px; }

.presentacion__contenido__titulo { font-size: 36px; font-family: 'Krona One', sans-serif; }

.presentacion__contenido__texto { font-size: 24px; font-family: 'Montserrat', sans-serif; }

.presentacion__enlaces { display: flex; justify-content: space-between; flex-direction: column; align-items: center; gap: 32px; }

.presentacion__elances__subtitulos { font-family: 'Krona One', sans-serif; font-size: 24px; font-weight: 400; }

.presentacion__enlaces__link { width: 378px; text-align: center; border-radius: 8px; font-size: 24px; font-weight: 600; padding: 21.5px 0; text-decoration: none; color: #F6F6F6; font-family: 'Montserrat', sans-serif; border: 2px solid #22D4FD; display: flex; justify-content: center; gap: 10px; }

.presentacion__enlaces__link:hover { background-color: #272727; }

1 respuesta

¡Hola! ¿Cómo estás?

Gracias por tu aporte en el foro. Su contribución es esencial para el crecimiento de nuestra comunidad en Alura.

Sigue así y no dudes en volver al foro si tienes alguna pregunta o dificultad.

Abrazos y buenos estudios!

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